如何将CSS类名传递给jQuery自动完成组合框？

Question

jQuery Autocomplete通过在页面上放置一个选择框并执行此操作来实现：

$(".myselect").combobox();

你的选择框附有一个名为“myselect”的类。

combobox（）功能隐藏了您的选择框，并在附加了所有jQuery UI类的位置放置了一个文本框。

我想要做的是绑定到“替换”选择框的框上的事件。我可以附加到该元素上的一个jQuery UI类：

<input class="ui-autocomplete-input ui-widget ui-widget-content ui-corner-left" 
       autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"
       aria-describedby="ui-tooltip-0">

但是，我不想在我的整个应用程序中绑定到每个组合框文本框。有没有办法将类名传递给combobox（），以便将它的类名传递给它生成的文本框？

更新：

不，那不是我要问的。我无法弄清楚如何动态地将类添加到正在呈现的输入框中。如果我可以添加一个类，那么我可以使用一个选择器来附加它。现在，我确定仍然可以使用选择器连接到它，但它会附加到我的应用程序的其他部分由combobox生成的每个输入框。我不想那样做。我只想绑定到这一页的输入框。

这个怎么样？如何从组合框中选择一个值后，从jQuery AutoComplete中创建一个组合框示例“Hello”？

Answer 1

如果使用CSS选择器

，则选择实际为<ul>

.ui-autocomplete .ui-menu-item{

}

您应该可以设置自动完成项目的样式。

Answer 2

你应该能够在它生成的文本框上做一个addclass，并添加你想要的任何类。

$("#textboxId").addClass('className');

这应该可以满足您的需求。