2つの選択メニュー値がjqueryで同じでないことを確認するにはどうすればいいですか？

Question

私は2つの異なる選択メニュー（メニューAとメニューB）を持っています。どちらも同じ値です。選択したメニューの値がメニューBの値onsubmitと等しくないことを確認するにはどうすればよいですか？選択されたメニューAがメニューBで選択できなくなった場合はクールですか？

提案がありますか？

Answer 1

次のコードを使用して、2番目の選択肢にオプションを表示します

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

demo

Answer 2

提出の上にそれを確認するための最も簡単なVAYは次のとおりです。

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

})