keyup/keydown을 사용하고 아약스에서 자동 완성 기능으로 선택하는 방법

Question

onclick 함수를 사용하여 값을 선택할 수 있지만 keyup/keydown also.i를 사용하여 값을 선택하고 싶습니다. 그러나 많은 작업을 시도했지만 작동하지 않습니다. keyup/keydown을 사용하여 올바른 값에 도달해야하고 그 값을 선택해야 할 때 사용해야하는 기능은 무엇입니까?

   $("#employer").autocomplete({ 
        source: function (request, response) { 
         $.ajax({ 
          type: "POST", 
          url: "employerNameAutoSuggestionList?ajax=true", 
          data: { employer: request.term }, 
          success: function (result) { 
           var arr =result.data; 
           $("#suggesstion-box").empty(); 
           $("#suggesstion-box").show(); 
           if($("#employer").val() == "") 
           { 
            $("#suggesstion-box").hide(); 
           } 
           $("#suggesstion-box").append('<ul id ="empVal" style="list-style-type: none; display:inline" ></ul>'); 
           var ul = document.getElementById("empVal"); 
           for (var i = 0, length = arr.length; i < length; i++) { 
            var li = document.createElement("li"); 
            li.appendChild(document.createTextNode(arr[i])); 
            ul.appendChild(li); 
            ul.onclick = function (li) { 
             $("#employer").css("background","#FFF"); 
             $("#employer").val(li.target.innerText); 
             $("#suggesstion-box").hide(); 

            } 

           } 
           arr = null; 


          }, 
          error: function (xhr, status, error) { 
           alert(error.responseText); 
          } 

         }); 
        } 

       }); 

      $("#employer").on({ 
       keyup: function() { 
        if ($(this).val() == "") { 
         $("#suggesstion-box").hide(); 
        } 
       } 
      }); 

     </script> 

Answer 1

구문을 확인하십시오. 아래 샘플. 우리가 텍스트 상자에 아무 것도 없지만 내가 작동의 keyup /를 keyDown 있도록 새로운 기능을 추가하고 싶어하고 내가 특정 값을 선택할 수있을 때

$("#employer").on("keyup", function() { 
        if ($(this).val() == "") { 
         $("#suggesstion-box").hide(); 
        } 
});