如何在新版本 4.0 中向 select2 元素添加类？答案

【问题标题】：How to add class to select2 element in new version 4.0?如何在新版本 4.0 中向 select2 元素添加类？
【发布时间】：2016-02-29 18:10:35
【问题描述】：

本题与本题相同：How to add class to select2 element in v4.0

但是

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

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

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

在 select2 元素初始化后，我想添加一个选项，该选项将向 select2 元素添加一个类。就这么简单，但我不知道怎么做。

我试过了

containerCss: "wrap"

& 

containerCssClass: "wrap"

作为选项，但它们不起作用。

【问题讨论】：

“它们不起作用”是含糊的，这些选项应该符合它们对完整构建的意义。

标签： select2

【解决方案1】：

您必须使用完整版的 Select2 select2.full.js 才能支持 containerCssClass 选项。

【讨论】：

【解决方案2】：

在 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

【讨论】：