Показать сообщение отдельно
  #6 (permalink)  
Старый 23.09.2019, 08:17
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,325

Сообщение от ksa
Так у нас групп нет...
Проблема добавить?

<select class="input-md form-control" id="sel" name="sel">
    <option>Выберите количество цилиндров</option>
    <option value="A">4 цилиндра</option>
    <option value="B">6 цилиндров</option>
    <option value="C">8 цилиндров</option>
    <option>ГАЗель</option>
  </select>

<select class="input-md form-control" id="sel1" name="sel1">
    <option>Выберите оборудование</option>
    <optgroup label="4 цилиндра" id="A" disabled="">
    <option value="13000">OMVL SAVER-4 (Италия) - Лидер продаж в РФ</option>
    <option value="11700">Digitronic – (Польша)</option>
    <option value="7000">Atiker (Турция) – бюджетный комплект оборудования</option>
    <option value="12400">BRC- (Италия), Оборудование премиум класса)</option>
    </optgroup>
    <optgroup label="6 цилиндров" id="B" disabled="">
    <option value="17500">OMVL -6 (Италия), Лидер продаж в РФ</option>
    <option value="20800">OMVL -6 OBD (Италия) , Премиум линейка</option>
    <option value="28400">BRC- (Италия), Оборудование премиум класса</option>
    </optgroup>
    <optgroup label="8 цилиндров" id="C" disabled="">
    <option value="23000">OMVL -8 OBD (Италия) - Премиум линейка</option>
    <option value="33600">BRC- (Италия), Оборудование премиум класса</option>
    </optgroup>
  </select>

<script>
document.getElementById("sel").addEventListener("change", function() {
    var v = this.value, o = document.querySelector('#sel1');
    o.options[0].selected = true;
    o.querySelectorAll('optgroup').forEach(function(e) {
        e.disabled = !(e.id == v)
    })
});
</script>


И делать доступными те группы, id которых равно значению списка. Зачем все опции перебирать?

Последний раз редактировалось laimas, 23.09.2019 в 08:39.
Ответить с цитированием