함수 외부에서 자동 완성 선택 이벤트를 호출하는 방법

Question

jQuery UI 자동 완성을 사용하는 위치 검색 양식이 있습니다.

사용자가 입력을 시작하면 위치 목록이 입력 바로 아래에 드롭 다운 메뉴로 표시됩니다. 사용자가 위치 중 하나를 클릭하면 페이지가 해당 위치의 방문 페이지로 리디렉션됩니다. 사용자는 명시 적으로 항목을 클릭하는 대신 키보드에서 "enter"를 클릭 할 수도 있습니다.

여기에 문제가 있습니다. 사용자가 제출 버튼을 클릭하면 자동 완성 기능을 사용하는 방법을 알 수 없습니다. 제출 버튼은 단순히 '클릭 유도 문안'이므로 삭제할 수 없습니다. 이 같은 마크 업 & 코드 조회 : (I 메모리에서이 쓰고 있어요, 그래서 정확하지 않을 수 있습니다) 내가해야 할 일은

<form id="locationSearch"> 
    <input type="text" id="enterLocation" /> 
    <input id="goButton "type="submit" value="GO" /> 
</form> 


<script> 

    var locations = [<br /> 
     {'value': 'Brooklyn', 'url': '/ny/brooklyn/browse'} 
     { 'value' : 'Hoboken; , 'url' : /nj/hoboken/browse'} 
    ]; 

    $('#enterLocation').autocomplete({ 
     autoFocus: true, 
     source: 'locations', 
     select: event, ui (function() { 
      window.location.url 
     }); 
    }); 

</script> 

이 같은 것입니다 :

$('#goButton').click(function() { 
    // trigger automcomplete select 
}); 

어떤 제안 대단히 감사합니다!

Answer 1

시도

$('#enterLocation').trigger("autocompleteselect", function(){}); 

를 사용하여