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

Question

我有 JSON 数据提供 id、label 和 value 作为值的键。

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

我当前的 javascript 代码：

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

Answer 1

使用自动完成的“选择”选项来定义处理选择的函数：

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