1

ui オートコンプリート ウィジェットを実装しました。私の場合、提案の固定リストを提供します。

フィールドに入力して入力すると、入力フィールドのテキストに等しい提案を選択したいと思います。

それを行う方法について何か提案はありますか？

4

1 に答える 1

5

必要に応じて、アクティブにするメニュー項目を決定できる open イベントの独自のハンドラーを追加できます。これが私のサンプル実装です：

$('#myinput').autocomplete({
    source: function(request, response) {
        response(["bus", "car", "carpet", "donkey"]);
    },
    open: function(event, ui) {
        var val = $('#myinput').val();
        var menu = $(this).data("autocomplete").menu;
        var item = menu.element.find('a:contains("' + val + '")').first();
        menu.activate($.Event({ type: "mouseenter" }), item.parent());
    }
});

ここでフィドルを確認できます。

PS: メニュー オブジェクトをuiパラメータから直接取得できる可能性がありますが、それが文書化されているとは思えず、今のところそれをさらに調査するのが面倒です ;)

PS2:含まれていない一致が見つからない場合は、null 参照をチェックすることも検討してください。

于 2012-09-07T13:36:13.220 に答える