は2つのドロップダウン値を比較します

Question

2つのドロップダウンセレクタの2つの値を比較する関数が必要で、同じ場合はdivを表示します。可能であれば、jQueryを使用したいと思います。

<select id="drop1"> 
    <option value="a">a 
    <option value="b">b 
    <option value="c">c 
</select> 

<select id="drop2"> 
    <option value="a">a 
    <option value="b">b 
    <option value="c">c 
</select> 

Answer 1

$("#myDiv").toggle($("#drop1").val() === $("#drop2").val()); 

説明：$("#dropX").val()そのドロップダウンで選択した要素の値を取得します。 ===はそれらを比較し、trueまたはfalseを適切に指定します。 $("myDiv").toggle(...)は、渡された値に応じて#myDivを表示または非表示にします。

値を変更するたびにこれを行うには、nickfの回答と同じように$("#drop1, #drop2").change(function() { ... });に入れてください。

Answer 2

$('#drop1, #drop2').change(function() { 
    $('#myDiv').toggle(
     $('#drop1').val() === $('#drop2').val() 
    ); 
});