2012-12-12 54 views
4

我正在使用jQuery UI自动完成,并试图实现一些代码,其中一旦用户从autocomplete下拉列表中选择了一个项目,它将调用另一个函数。我已经看过API文档,但几乎没有进展。jQuery UI自动完成在选择项目后触发新事件

// 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 

一旦我选择了一个项目,我想启动一个显示警报的功能。我该怎么做呢?

+0

使用了什么版本的jQuery UI?我不认识这些选项,但是当用户从菜单中选择一个项目而不是“打开”时引发'select'事件。 – raina77ow

+0

http://api.jqueryui.com/autocomplete/#event-select – j08691

回答

2

使用自动完成的select:选项。就像是。

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