0

オートコンプリートを実装する必要があるという要件がありますが、jQuery UI オートコンプリートでこれを達成できるかどうかはわかりません。jQuery UI オートコンプリートでこれを行うことができない場合は、これを行うことができるライブラリを提案してください。または、独自のライブラリを構築する必要があります。

要件は、ユーザーが何かを入力すると、テキストボックスが可能な結果を​​示唆する、単純なJavaScriptの順序付けられた配列であるリストを持っていることです。ユーザーが結果をクリックすると、リストが変更され、クリックされた結果の上に 3 つの結果が表示され、クリックされた結果の下に 3 つの結果が表示されます。

これが私がやろうとしているコードです。


    $(function() {
        var projects = [
            "List1","List2","List3","List4","List5","List6","List7","List8"
        ];

        $( "#project" ).autocomplete({
            minLength: 0,
            source: projects,
            focus: function( event, ui ) {
                $( "#project" ).val( ui.item.label );
                return false;
            },
            select: function( event, ui ) {
                $( "#project" ).val( ui.item.label );
                return false;
            }
        })
        .data( "autocomplete" )._renderItem = function( ul, item ) {
            return $( "
  • " )
                .data( "item.autocomplete", item )
                .append( "" + item.label + "" )
                .appendTo( ul );
        };
    });

    たとえば、ユーザーが「Li」と入力すると、「List1」、「List2」、「List3」、「List4」、「List5」がポップアップ表示されます。ユーザーが「List3」をクリックすると、結果リストは「List1」、「List2」、「List3」、「List4」、「List5」、「List6」に変更され、「List7」、「List8」は無視されます。

    これはjQuery UI Autocompleteでも可能ですか?

    4

    1 に答える 1

    0

    ええ、参照されているオプションを単純に調べてから、.next() または .prev() jquery 関数を使用する必要があるようです。これらは相対的な反復ツール (前方に 1 つ、後方に 1 つ) であり、少し巧妙に操作するだけで、必要なことが実行されます。これは単純な jquery であるため、これをリスナーに組み込む必要があります (この場合はキーストローク)。

    次: http://api.jquery.com/next/

    前へ : http://api.jquery.com/prev/

    于 2012-05-20T00:00:46.827 に答える