如何绑定到使用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事件。

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