javascript - jQuery UI オートコンプリートで検索前に結果を表示

Question

オートコンプリート入力にフォーカスする前に、プロジェクトで最初の結果を表示したいと考えています。これらの結果は、オートコンプリート ajax リクエストの結果と同じように機能するはずです。

オートコンプリートの標準オプションでこれを行うことはできますか、それとも同等の JavaScript コードを記述する必要がありますか?

Answer 1

minLengthオプションを に設定する必要があります0。フィールドがフォーカスされるとすぐに結果を表示したい場合は、それを実現するための単純なイベント ハンドラーを作成できます。

$("input").autocomplete({
    source: /* source */,
    minLength: 0
}).on("focus", function () {
    $(this).autocomplete("search", '');
});

例: http://jsfiddle.net/mLSjL/

編集:提案リ​​ストをすぐに表示したい場合createは、オートコンプリート ウィジェットのイベントで表示してみてください:

$("input").autocomplete({
    source: /* source */,
    minLength: 0,
    create: function () {
        $(this).autocomplete("search", '');
    }
});

例: http://jsfiddle.net/CVUWV/