jquery - 通过 select2.js 使用多个选择框

Question

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

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

任何想法都会受到赞赏。谢谢。

Answer 1

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

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

然后你可以做这样的事情:

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

更多:Select2 documentation