Как убедиться, что два значения меню выбора не совпадают с JQuery?

Question

У меня есть два разных меню выбора (меню A и меню B). Оба с одинаковыми значениями. Как убедиться, что выбранное значение меню A не равно значению меню B при отправке? Было бы здорово, если выбранное меню A становится недоступным для выбора в меню B?

Какие-либо предложения?

Answer 1

Используйте следующий код, чтобы набрать опцию во втором выборе

$('.select1').on('change',function(){
 var optionInSelect2 = $('.select2').find('option[value="'+$(this).val()+'"]');
 if(optionInSelect2.length) {
   optionInSelect2.attr('disabled','disabled');
  }
});

демонстрация

Answer 2

Самый простой способ проверить это при отправке:

$("#list1").val() !== $("#list2").val();

И если вы хотите сделать его недоступным для выбора, вы можете сделать что-то вроде этого:

$("#list1").change(function(){

    $("#list2 [value=" + $(this).val() + "]").attr("disabled","disabled");

})

Чтобы стереть предыдущие отключенные опции:

$("#list1").change(function(){

    $("#list2").find("option").each(function(){
        $(this).removeAttr("disabled");
    });
    $("#list2 [value=" + $(this).val() + "]").attr("disabled","disabled");

})