Question

这个问题与此问题相同：How to add class to select2 element in v4.0

BUT

这些答案都不起作用或是正确的。我想我会再问一遍，因为这个答案对我很难找到。

即使在整个select2文档中：https://select2.github.io/options.html

我找不到关于如何向select2元素添加自定义类的任何地方。

初始化select2元素时，我想添加一个选项，它将一个类添加到select2元素。很简单，但我不知道如何。

我试过

containerCss: "wrap"

& 

containerCssClass: "wrap"

作为选项，但他们不工作。

Answer 1

在Select2 4.0中，您可以使用 selectionAdapter 进行操作。类似的东西：

$.fn.select2.amd.require([
    'select2/utils',
    'select2/dropdown',
    'select2/dropdown/attachBody',
    'select2/selection/single',
    'select2/compat/containerCss',
], function (Utils, DropdownAdapter, AttachBody, SingleSelection, ContainerCss) {

  $('.my-select').select2({
    dropdownAdapter: Utils.Decorate(DropdownAdapter, AttachBody),
    selectionAdapter: Utils.Decorate(SingleSelection, ContainerCss),
    containerCssClass: 'select2-myselect'
  });
});

修改：或者只使用 select2.full.js 代替 select2.js

Answer 2

您必须使用完整版本的 Select2 select2.full.js ，以支持 containerCssClass 选项。< / p>

如何在新版本4.0中为select2元素添加类？

2 个答案: