比较两个下拉值

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()
    );
});