@countZer0

Как сделать взаимоисключающий option в 2х select?

Всем привет!

Есть 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.
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы