2011-09-23 70 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); 
    } 
});