选择项目后，jQuery UI自动完成触发新事件

Question

我正在使用jQuery UI自动完成功能，并且正在尝试实现一些代码，一旦用户从自动完成功能下拉列表中选择了一个项目，它将调用另一个函数。 我看过API文档，但进展甚微。

 // Call LookUpGroupName ActionResult in UserManager Controller
 $("#group_name").autocomplete(
     '@Url.Action("LookUpGroupName", "UserManager")', {
     dataType: 'json',
     parse: function (data) {
         var rows = new Array();
         for (var i = 0; i < data.length; i++) {
             rows[i] = {
                 data: data[i],
                 value: data[i].group,
                 result: data[i].group
             }
         }
         return rows;
     },
     formatItem: function (row, i, max) {
         return row.group;
     },
     width: 300,
     highlight: false,
     multiple: false,
     open: function () {
         alert("changed");
     }

 }); // End of autocomplete

选择项目后，我要触发显示警报的功能。 我该怎么做呢？

Answer 1

使用自动完成功能的select：选项。 就像是。

select: function (event, ui){
alert("|" + $("#targetID").val() + "|1stAlert");
}