2011-09-23 82 views
2

我有JSON數據饋送id,labelvalue作爲值的鍵。jQuery UI自動完成在選擇輸入框

當我選擇數據時,我選擇文本框#id_emp_name上的label/value值。我希望能夠將選中的label/value中的id插入到隱藏文本框#id_emp_id中。

我當前的JavaScript代碼:

$('#id_emp_name').autocomplete({ 
    source: '/best_choose/employees.json', 
    minLength: 1, 
    dataType: 'json', 
    max: 12 
}); 
+2

這個問題可能會有所幫助:http://stackoverflow.com /問題/ 7486741/jQuery的自動完成功能,如何到設置 - 什麼對發送到該服務器/ 7486880#7486880 – kapa

回答

6

使用自動完成的 「選擇」 選項來定義一個函數來處理選擇:

$('#id_emp_name').autocomplete({ 
    source: '/best_choose/employees.json', 
    minLength: 1, 
    dataType: 'json', 
    max: 12, 
    select: function(event, ui) { 
     $('#id_emp_id').val(ui.item.id); 
    } 
});