Сообщение от 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 которых равно значению списка. Зачем все опции перебирать?