jQuery 选择列表选项通过另一个元素 onchange 事件更改后触发事件

我有一个选择列表（#select2），每次更改另一个选择列表（#select1）时，其选项都会更改。

select2 的选项始终取决于 #select1 的值，并且每次 #select1 更改时都会更改。

是否有一个函数可以绑定到 #select2 元素，该函数将在其选项列表更改完成后触发（每次受 #select1 影响时）？

我似乎无法向 select1 元素添加 onchange 处理程序来执行我想要的操作，因为它会在 select2 的选项列表完成之前触发。

您可以使用trigger() and bind()引发和监听自定义事件的方法：

尝试这个：

$("#select1").change(function() {
    // update options in #select2
    $("#select2").trigger("updatecomplete");
});

$("#select2").bind("updatecomplete", function() {
    // this will fire when #select1 change event has finished updating the options.
});

更多信息：扳机（） http://api.jquery.com/trigger/

更新答案 - 2016 年 9 月

注意bind()现已弃用。你应该使用on()反而：

$("#select2").on("updatecomplete", function() {
    // this will fire when #select1 change event has finished updating the options.
});