选择输入框上的jQuery UI自动完成

时间:2011-09-23 16:37:25

标签: jquery json jquery-ui jquery-ui-autocomplete

我有JSON数据提供idlabelvalue作为值的键。

当我选择数据时,我会在文本框label上选择value / #id_emp_name值。我希望能够将选中的id / label value插入隐藏文本框#id_emp_id

我目前的javascript代码:

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

1 个答案:

答案 0 :(得分:7)

使用"选择"自动完成选项,用于定义处理选择的函数:

$('#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);
    }
});