自動完成 - 如何在點擊時進行查詢。目前顯示列表中顯示的所有選項

Question

我正在一個名爲earthquake damage map的網站上工作。它幾乎完成，但是我有一個自動完成功能的問題。它與搜索按鈕一起工作正常，但我想完全擺脫搜索按鈕。它應該查詢結果，當我點擊列表中的結果，而是顯示出現在列表中的所有結果。

<input type="text" id="search-string4" placeholder="Search by Earthquake" class="tb11" onclick="focus" oninput="doQuery()" onchange="doQuery()"> 

正如你可以看到查詢結果爲I型這是很好的，但是當單擊列表中的結果不正確顯示。

任何幫助將不勝感激。

Answer 1

無論你正在呼籲點擊搜索按鈕的代碼，你可以移動代碼到自動完成的select事件如下：

$("#search-string4").autocomplete({ 
    select: function(event, ui) { 
     doQuery(); 
    } 
}); 

從jqueryui網站，

選擇事件被觸發當從菜單中選擇一個項目時; ui.item引用所選項目。 select的默認操作是將文本字段的值替換爲所選項目的值。取消此事件可防止更新值，但不會阻止菜單關閉