JQuery UI автозаполнение при выборе поля ввода

Question

У меня есть JSON-подача данных id, label и value в качестве ключей для значений.

Когда я выбираю данные, я выбираю значения 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
});

Answer 1

Используйте опцию "автозаполнение" select, чтобы определить функцию для обработки выбора:

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