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