select 입력란에서 jQuery UI 자동 완성

Question

값의 키로 id, label 및 value을 입력하는 JSON 데이터가 있습니다.

데이터를 선택할 때 #id_emp_name 텍스트 상자에 label/value 값을 선택합니다. 숨겨진 텍스트 상자 #id_emp_id에 선택된 label/value의 id을 삽입하고 싶습니다.

나의 현재 자바 스크립트 코드 :

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