jquery - 如何使用 jQuery 绑定(bind)到下拉列表的 itemAdded 事件

Question

我正在使用 jQuery 将元素添加到下拉列表中。目前我正在使用下面的方法添加新项目，效果很好:

$("#treatmentGroupDropDown").append(new Option(tempGroupName, tempGroupIndex));

但是我想创建并订阅 itemAdded 事件，我尝试使用下面的代码，但这不起作用:

$("#treatmentGroupDropDown").bind('itemAdded', function (event, item) { alert('item added: ' + item.toString()); });

像这样的东西会起作用吗？

Answer 1

你需要这样的东西 -

$("#treatmentGroupDropDown").bind('itemAdded', function(event, item) {
    alert('item added: ' + $(item).val());
});

var option = new Option("Test", "Test")
$("#treatmentGroupDropDown").append(option);
$('#treatmentGroupDropDown').trigger('itemAdded', option);

这将在附加新选项后触发“itemAdded”事件，并将刚刚创建的选项对象传递给函数。

工作演示 - http://jsfiddle.net/ipr101/MxD25/