如何确保两个 select 菜单值与 jquery 不相同？

Question

我有两个不同的 select 菜单（菜单 A 和菜单 B）。两者具有相同的值。如何确保 selected 菜单 A 值不等于提交时的菜单 B 值？如果 selected 菜单 A 在菜单 B 上变得不 select 会很酷吗？

有什么建议吗？

Answer 1

在提交时检查它的最简单方法是：

$("#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");

})

Answer 2

使用以下代码禁用第二个选项select

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

demo

如何确保两个 select 菜单值与 jquery 不相同？

How to make sure two select menu values are not the same with jquery?

jquery

drop-down-menu

select-menu