jQuery UI 1.8 자동 완성 - 변경 선택을 감지하는 방법

Question

jQuery 자동 완성 컨트롤이 있습니다. 선택시 값은 레이블에 저장됩니다. 그런 다음 사용자가 자동 ​​완성으로 돌아가서 선택 항목을 변경하면 레이블에서 값을 지우고 새 선택이 이루어진 경우에만 값을 채우고 싶습니다. 변경 이벤트를 사용하여 시도했지만 선택이 이루어질 때마다 발생합니다.

Answer 1

.select-event를 사용해 보셨습니까? 데모 페이지에서

, http://jqueryui.com/demos/autocomplete/#event-select : 당신이 실제로 변경 이벤트는 달리 뭔가를 선택하면

$(".selector").autocomplete({ 
    select: function(event, ui) { ... } 
}); 

이 트리거해야합니다.

Answer 2

자동 완성 기능이 자동으로 선택 초점을 맞추기 때문에 초점 필드를 지우고 선택을 흐리게합니다. 선택

$("#searchInput").focus(function(){ 
    $(this).val(""); 
}); 

$("#searchInput").autocomplete({ 
    source: source, 
    minLength: 2, 
    select: function(event, ui) { 
     $("#searchInput").blur(); 

    } 
}); 

js fiddle demo