2012-12-12 83 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"); 
} 
相關問題