比较两个下拉值

Question

我需要一个函数来比较两个下拉选择器中的两个值，如果它们相同则显示一个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，具体取决于传递的值。

如果您想在值发生变化时执行此操作，请将其包含在$("#drop1, #drop2").change(function () { ... });中，如同在nickf的答案中一样。

Answer 2

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