当用户选择“下拉列表”选项时触发什么 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
});