Jquery UI自动完成也按类别选择

使用jQuery UI网站上提供的资源

jQuery UI自动完成与类别

我已经能够修改我的选择框，成为一个jQuery UI自动完成。 有问题的选择框有optgroups作为类别。

var dataSource = []; $("#selectauser").find("option").each(function () { var $me = $(this); dataSource.push({ "label": $me.text(), "id": $me.attr("value"), "category": $me.parent().attr("label") }); }); 

如果用户开始键入类别名称，则可以显示该类别下的所有子项。

例如……给出以下菜单。

• 动物
  • 狗
  • 猫
  • 鱼
• 电影
  • 指环王
  • 哈利波特
  • 另一个电影名称

如果我输入“an”，它就会返回

• 动物
  • 狗
  • 猫
  • 鱼
• 电影
  • 另一个电影名称

由于动物头部包含“an”，它将返回所有动物，并且由于电影有一个名为“另一个电影名称”的选项，它也将返回此。

我发现在这里注释掉这一行将允许选择标题的视觉效果，但过滤它仍然似乎不起作用。

 this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)"); 

并从中记录items参数

 _renderMenu: function (ul, items) { 

line只返回列表中显示的值，所以我认为在此之前需要做一些事情。

任何正确方向的帮助/指针都会有所帮助。