如何使用jQuery绑定到下拉列表的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/

Answer 2

bind函数没有任何itemAdded事件。

相反，您最好在添加新选项的语句后添加要触发的函数。