jquery - 比较两个下拉值

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 中所示回答。