Javascript 选择HTML选择/下拉列表中的项时激发什么事件？

我想响应用户在select元素中选择一个项目。但这个jQuery：

$('#platypusDropDown').select(function () {
    alert('You selected something');
});

……什么也不做。虽然JSFIDLE将其视为有效的jQuery，但它没有显示任何警报

“单击”事件可以工作，但速度太快-在进行选择之前，单击“选择”元素时触发

当然，我真的很想做这样的事情：

$('#platypusDropDown').select(function () {
    var selection = $('platypusDropDown').val;
    $.getJSON('platypus.json', selection, data() {
        // . . .
    });
});

HTML：

<select id="platypusDropDown">
    <option value="duckbill">duckbill</option>
    <option value="duckbillPlatypus">duckbillPlatypus</option>
    <option value="Platypus">Platypus</option>
    <option value="Platypi">Platypi</option>
</select>

鸭嘴兽
鸭嘴兽
鸭嘴兽
鸭嘴兽

您需要使用事件

$('#platypusDropDown').change(function () {
    var selection = this.value; //grab the value selected
    $.getJSON('platypus.json', selection, data() {
    . . .
    });
});

Plus

$（'platypudropdown'）.val

这里val应该是

val（）

，您不需要在元素上再次创建jquery对象，

处理程序中的这个

表示DOM元素（选择事件绑定到的元素），您可以使用

这个.value

或

$（this.val（）直接访问值