当用户选择“下拉列表”时触发什么 jQuery？选项

Question

我想为该下拉列表的不同选择显示不同的表单：

<label>
    <select name="type" id="type">
<option value="object" selected="selected">Object</option>
<option value="number">Number</option>
<option value="text">Text</option>
<option value="date">Date</option>
<option value="time">Time</option>
<option value="geo">Geospatial</option>
<option value="currency">Currency</option>
</select>
</label>

当用户选择这些选项之一时触发的 jQuery 事件是什么。在这种情况下，.click() 事件也会被触发吗？

Answer 1

您应该使用 change 事件。每次鼠标单击都会触发单击，这不是您想要的，即使用户单击组合但不更改值也会触发单击。

另外，click 不利于键盘导航，因此 change 是正确的方法：

$("#type").change(function (){
  // Do whatever you want
});