0

投稿を場所に関連付けているので、その場所でjQueryをオートコンプリートすると、同じ名前の結果がドロップダウンに表示されます。

例えば：

場所がベルリンの投稿が10件あり、都市名を入力し始めると、オートコンプリートによって場所の名前に投稿数を掛けたものが表示されます。jQueryを使用して場所の名前をグループ化する方法があるかどうか疑問に思いました。

ありがとう

4

1 に答える 1

2

この jquery ui デモは、要件に似ています。

元のデータ:

var data = [
                { label: "anders", category: "" },
                { label: "andreas", category: "" },
                { label: "antal", category: "" },
                { label: "annhhx10", category: "Products" },
                { label: "annk K12", category: "Products" },
                { label: "annttop C13", category: "Products" },
                { label: "anders andersson", category: "People" },
                { label: "andreas andersson", category: "People" },
                { label: "andreas johnson", category: "People" }
            ];

あなたはそれらをに変更することができます

 var data = [
                { label: "Berlin", category: [post1, post2] },
                { label: "Paris", category: [post3, post4, post5] },
                { label: "Tokyo", category: [post6, post7, post8] },
                { label: "Taipei", category: [] }
                ...
      ];

値を取得するには

select: function( event, ui ) {
                console.log( ui.item.label );
                console.log( ui.item.category ); //this is an array
                return false;
}

http://jqueryui.com/autocomplete/#custom-dataは、 ドロップメニューのカスタム データ形式に関するデモです。

このサンプルがお役に立てば幸いです。

于 2012-10-15T08:15:15.887 に答える