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

Question

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

jQuery UI Autocomplete with categories

我已经能够修改我的选择框以成为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) {

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

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