使用 jQuery 绑定到动态创建的下拉列表中的更改事件

Question

我正在使用 jQuery 动态创建多个下拉列表。我希望能够在选定的下拉列表项更改时触发事件。从这里和其他地方浏览我发现不可能使用 live() 绑定到下拉列表的更改事件，所以我想知道有什么替代方案？我知道可以绑定到单击事件，但由于该事件发生在下拉列表选择可以更改之前，因此对于跟踪所选项目是否已更改对我来说没有用。

这是我的代码的相关部分。单击任何下拉列表时都会触发警报，但当然我更希望仅在更改所选项目时才触发警报。

$(document).ready(function() {
    // Stuff omitted.
    addEventHandlers();
}

function addEventHandlers() {
    // Stuff omitted.
    $('#divReview select').live("click", function(){
        alert('This is where I would like the change event to occur instead.');
    });
}

Answer 1

使用 change 事件而不是 click，如下所示：

$('#divReview select').live("change", function(){

之前 IE 中存在一个错误jQuery 1.4.2 发布。在此之前，change 在 IE 中无法正确冒泡（.live( ) 依赖），这个问题在 1.4.2 中得到了修复，所以如果使用该版本或更高版本，这应该可以工作。

Answer 2

经过一番搜索后，我遇到了 this 问题，这似乎是一个类似的问题。我将 jQuery 方法更改为此，它在 IE8 上按预期工作：

$('body').delegate('#divReview select', 'change', function() {
    alert('Change event triggered.');
});