オートコンプリート - クリック時にクエリを作成する方法。現在、リストに表示されているすべてのオプションが表示されます

Question

私はearthquake damage mapというサイトで作業しています。ほぼ完成しましたが、オートコンプリート機能に問題があります。それは検索ボタンでうまく動作しますが、私は検索ボタンを完全に取り除きたいです。リスト内の結果をクリックすると結果を照会するが、リストに表示されているすべての結果が表示されるはずです。私は良いのですが、結果がリストにクリックされたときに正しく表示されないタイプとして、あなたがそれを見ることができるように

は

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

結果を照会します。

ご協力いただければ幸いです。あなたが検索ボタンをクリックする上で呼び出している次のように、あなたがオートコンプリートの選択イベントにそのコードを移動することができますどのようなコード

Answer 1

：

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

jqueryuiのウェブサイトから、

selectイベントがトリガされますメニューから項目が選択されたとき。 ui.itemは選択した項目を参照します。 selectのデフォルトアクションは、テキストフィールドの値を選択した項目の値に置き換えることです。このイベントをキャンセルすると値が更新されなくなりますが、メニューの終了を妨げることはありません