jquery - 具有相同名称的 jQuery 自动完成组结果

Question

我将帖子绑定到一个位置，因此当我在该位置字段上进行 jQuery 自动完成时，下拉列表中会出现具有相同名称的结果。

例如：

如果有 10 个位置为柏林的帖子，我开始输入城市名称，自动填充将为我提供位置名称乘以帖子数量。我想知道是否有一种方法可以使用 jQuery 对位置名称进行分组。

谢谢

Answer 1

此 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 是关于dropmenu的自定义数据格式的demo

我希望这个样本有帮助。