자동 완성 jquery, 선택 이벤트가 작동하지 않습니다.

Question

자동 완성시 이름 및 ID 목록을 가져 오려고합니다. 나는 텍스트 박스에서 keypress 이벤트를하고 아약스 게시물의 funstion을 호출하고 선택 목록을 얻을 수 있습니다. 나는 이드와 이름을 얻으려고 노력하고있다. 텍스트 상자에 이름을 바인드 한 경우 사용자가 볼 수 없도록 ID를 유지해야하는 부분이 있지만 데이터를 저장할 때 사용할 수 있습니다. 숨겨진 필드를 사용할 수 있지만 자동 완성의 Select 이벤트가 작동하지 않는 경우 해당 ID를 숨겨진 필드 ID에 할당하는 방법 또한 다른 요소가 목록에서 선택되면 숨겨진 필드 값을 변경해야합니다. 도와주세요. 고맙습니다.

function SearchClients() { 

     } 

     $(document).ready(function() { 
      $("#txt_Autocomplete").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         url: "../PsychiatricEvaluation/SearchClients", 
         data: "{'searchtext':'" + document.getElementById('txt_Autocomplete').value + "'}", 
         dataType: "json", 
         success: function (data) { 
          response($.map(data.Data, function (item) { 
           return { 
            label: item.Name, 
            value: item.id 
           } 
          })); 
         }, 
         select: function (event, ui) { 
          alert("hi"); 
          //$("#txt_Autocomplete").val(ui.item.value); 
          $("#hdnPkClientId").val(ui.item.id); 
         }, 
         change: function (e, ui) { 
          alert("changed!"); 
         }, 
         error: function (result) { 
          alert('Error'); 
         } 
        }); 
       } 
      }); 
     }); 

Answer 1

$(document).ready 이벤트의 내부에 jQuery를의 만남을 넣어 :

$(document).ready(function() { 
    $("#txt_Autocomplete").autocomplete({ ... 
});