webdevqa.jp.net

最初のjqueryUI結果を自動的に選択します

JQueryオートコンプリートを使用して都市のローカルデータベースを検索しています。コードは次のとおりです。

$('#txt_search_city').autocomplete({
    source: url,
    delay: 0,
    autoFocus: true,
    select: function( event, ui ) {
        $( "#id_city" ).val( ui.item.id );
        $(this).closest('form').submit();
    },
    focus: function( event, ui ) { event.preventDefault(); }
});

最初の戻り値をデフォルトで選択したいのですが(Facebookで機能するように)。したがって、基本的に、Enterキーを押すだけで、最初の結果の選択がトリガーされます。

それがautoFocus: trueしましたが、機能していません。エラーを表示せず、最初の結果を選択しないだけです。

考え?

20
Brenden

Autofocus 最初のレコードを強調表示します。

その場合、コードには次のようにautoFocus: trueを含める必要があります。

$('#txt_search_city').autocomplete({
    source: url,
    delay: 0,
    autoFocus: true,
    select: function( event, ui ) {
        $( "#id_city" ).val( ui.item.id );
        $(this).closest('form').submit();
    },
    focus: function( event, ui ) { event.preventDefault(); }
});
34
Rick Burns

これは時代遅れのようです。私も同じ問題を抱えていました。 .autocomplete({autoFocus: true})を使用するだけです。jquery-ui-1.10.0.minを使用していますが、現在は機能しています。プラグは必要ありません。

10
dorr Baume