javascript - 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: function (event, ui){
alert("|" + $("#targetID").val() + "|1stAlert");
}