jquery - jquery uiのオートコンプリート入力要素は、マウスオーバーしてフォーカスしたときにすべての値を表示する必要があります

Question

デモ: http://jqueryui.com/autocomplete/ 上記の機能をサイトに実装しました。クライアントの要件は、入力要素にマウスを置いてフォーカスを合わせると、入力要素にすべての値が表示されることです。

Answer 1

minLength: 0オートコンプリートの初期化を設定してから、オートコンプリート プラグインfocusを呼び出す入力フィールドにリスナーを作成する必要searchがあります :) 。

マジックコード:)

$("#tags").autocomplete({
    source: availableTags,
    minLength: 0
});

$("#tags").focus(function() {
    $("#tags").autocomplete( "search", "" ); 
});

リスナーは任意のイベントに変更できfocusます (jQuery がサポートします)。JQuery APIのイベント セクションを見てください。search メソッドの 2 番目のパラメーターは、検索文字列を指定します。空の場合、オートコンプリートはリスト全体を表示します。これは、 JQuery UI Autocomplete APIにも完全に文書化されています。

例を使用してJSFiddleを作成しました。