jquery - 检测列表中用户的选择

Question

当用户在下面的第一个列表中选择“a”选项(id=1)时，我想显示第二个表单(id=2)。如何检测列表中用户的选择(只是选择，而不是提交)？

 <form method="post" id="1" >
      <select name="menu_destination">
           <option value="a" >A</option>
           <option value="b">B</option>
      </select>
 </form>

 <form method="post" id="2" >
      <select name="menu_destination">
           <option value="a" >A</option>
           <option value="b">B</option>
      </select>
 </form>

编辑:我已经遇到了另一个问题:每次我选择一个选项时，它都会显示一个列表而不隐藏其他选项。烦人，不是吗？

$("select#category").change(function() {
    var category = $(this).val();
    $("select#"+category).toggle();
});

Answer 1

简单。 ID 不应该以数字开头，至少在 HTML5 普及之前不应该如此。

$("#one select").change(function() {
    $("#two").toggle($(this).val() == "a");
});

Demo.

注意:在演示中，第二个表单的可见性最初通过 style="display:none" 隐藏，但在页面加载时可见，因为我们最初 < em>触发更改事件根据第一个表单下拉列表中最初选择的内容(即最初呈现的内容)设置表单的正确状态。