通过 select2.js 使用多个选择框答案

【问题标题】：Using multiple select box by select2.js通过 select2.js 使用多个选择框
【发布时间】：2014-03-27 03:28:41
【问题描述】：

我使用select2.js 创建选择框，我的页面中有两个不同的选择框，它们有不同的样式。所以如果我把CSS类分开，就会导致jquery脚本。

我添加了一些更改，从 .select2-container .select2-choice span {... } 到 .accoutbox .select2-container .select2-choice span {... } ，它有效。但是某块div，不在accountbox div中，所以我做不到，比如.select2-drop.select2-drop-above {....}。

任何想法都值得赞赏。谢谢。

【问题讨论】：

标签： jquery css jquery-select2

【解决方案1】：

Select2 有一个 dropdownCssClass 属性，您可以在其中指定要添加到 select2-drop 类的自定义类，例如

$("#your-selector").select2({
    dropdownCssClass: 'some-custom-drop-class'
});

那么你可以这样做：

.some-custom-drop-class.select2-drop-above

更多：Select2 documentation

【讨论】：

我是用.select2-drop.some-custom-drop-class 做的，无论如何感谢您指出。