Question

我有两个不同的选择菜单（菜单A和菜单B）。两者都具有相同的值。如何确保所选菜单A值不等于菜单B值onsubmit？如果所选菜单A在菜单B上无法选择，那会很酷吗？

有什么建议吗？

Answer 1

使用以下代码在第二个选择

中添加选项

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

demo

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");

})

如何确保两个选择菜单值与jquery不一样？

2 个答案: