Всем привет!
Есть 2
<div class="destination_select">
<div>
<select name="destination_from" id="destination_from">
<option value="Ташкент">Ташкент</option>
<option value="Москва">Москва</option>
</select>
</div>
<div>
<select name="destination_to" id="destination_to">
<option value="Москва">Москва</option>
<option value="Ташкент">Ташкент</option>
</select>
</div>
</div>
Логика такая:
Если в одном select выбрана, например, Москва, то во втором select нельзя было выбрать Москву и т.д. То есть при выборе одного option, аналогичный option в другом select должен быть недоступен
Пробовал так:
$("#destination_from").on("change", function(){
var optionValue = $('#destination_from').val();
$("#destination_to option[value='" + optionValue + "']").attr("disabled", "disabled");
});
Код работает, но если менять первый select, значения во втором не включаются обратно. Плюс код работает только при смене select.