jQuery UI Combobox：如何将类添加到自动完成 div答案

【问题标题】：jQuery UI Combobox: How can I add a class to autocomplete divjQuery UI Combobox：如何将类添加到自动完成 div
【发布时间】：2016-07-19 20:52:15
【问题描述】：

我使用 jQuery 组合框插件：

https://jqueryui.com/autocomplete/#combobox

我的 JS：

 $(function() {
    $( "#combobox" ).combobox();
    $( "#toggle" ).click(function() {
      $( "#combobox" ).toggle();
    });
  });

我的目标是向自动完成 div 添加一个自定义类，以便单独设置自动完成下拉菜单的样式。我已经尝试了以下方法，但这不起作用：

$( "#combobox" ).combobox().autocomplete("widget").addClass('my-custom-autocomplete-class');

【问题讨论】：

如果您检查下拉列表，您可以看到它已经有一个名为ui-autocomplete的类
自动完成小部件绑定到 input 附加插入的 span。您可以使用$("#combobox").next("span").find("input") 获取它。当然，你也可以不那么疯狂，使用合适的选择器$(".custom-combobox-input")
@theblackgigant 我知道！我的目标是给它一个额外的自定义类。

标签： javascript jquery jquery-ui autocomplete

【解决方案1】：

试试这个，根据选定的值类添加到组合框中，为下拉列表中提到的每个选项写入 css

$(function($) {
$( 'select[id=combobox]' ).on("change",function() {
  var dynaminClass = $(this).val();
  console.log(dynaminClass);  
  $(this).attr('class', dynaminClass);

})

})

【讨论】：