jquery ui自动完成自动聚焦，首先使用category元素

Question

我在使用类别时尝试在我的jquery自动填充中选择第一个项目。现在我的菜单看起来像这样：

[category] <- autofocus selects this one
[item1]    <- autofocus should select this one
[item2]
[item3]
[category]
[item4]
[item5]
etc.

我已经尝试过： 1.在我的类别中添加ui-state-disabled 2.搜索谷歌如何覆盖menu.next（）函数，以便我可以检测该项是否是一个类别 3.搜索谷歌如何手动设置所选元素，包括触发选择事件

到目前为止我没有运气，所以我希望你们有任何建议^^

fidle：http://jsfiddle.net/uynct53p/5/（适用于jquery 1.9但不适用于1.11）

Answer 1

由于它仍然是一个输入元素，您可以在自动完成上调用val方法以设置其值。

由于您要将值设置为data对象中的第一个元素，只需执行

即可

$( "#search" ).autocomplete({ /* ... */ })
.val(data[0].label)
// ...

你的小提琴：http://jsfiddle.net/uynct53p/7/

Answer 2

找到：jquery ui autocomplete combobox with categories

回答：Aureltime

这使得jquery 1.11中的类别不可选。*

$.extend($.ui.menu.prototype.options, {
    items: "> :not(.ui-autocomplete-category)"
});