Javascript 使用select2时，提供不同的选项，一次调用即可选择元素

我正在使用jQuery插件（V4），并在我的所有选择中调用它，例如：

var select2_params = {
    minimumResultsForSearch: Infinity,
    templateResult: applyCategoryClasses,
    templateSelection: applyCategoryClasses,
};

$('select').select2(select2_params);

$('myParent').find('select').select2('destroy');
$('#myParent').find('select').select2({...});

但是，对于某些选择，我希望添加额外的选项，例如，如果它们位于某个父元素内

这是可能的，还是我必须销毁相应的select元素，然后使用以下新选项再次应用它们：

var select2_params = {
    minimumResultsForSearch: Infinity,
    templateResult: applyCategoryClasses,
    templateSelection: applyCategoryClasses,
};

$('select').select2(select2_params);

$('myParent').find('select').select2('destroy');
$('#myParent').find('select').select2({...});

---

销毁

选择

，然后使用新参数重新初始化它（也可以执行所谓的“链接”）：

您还可以使用HTML5

数据-*

属性定义配置选项，这些属性将覆盖初始化

选择2

时设置的任何选项和任何默认值

 <select data-tags="true" data-placeholder="Select an option" data-allow-clear="true"></select>

---

您也可以简单地使用以下选项设置select2默认选项：

$.fn.select2.defaults.set("option", "value");

然后将为所有下拉列表设置这些选项

每当你想让一个下拉列表有不同于默认值的选项时，只需将它们传入即可

以下是一个例子：

$.fn.select2.defaults.set（“maximumSelectionLength”，2）
$.fn.select2.defaults.set（“占位符”，“仅选择2个状态”）
$（'select'）。select2（）；
$（'select:last'）。选择2({
“maximumSelectionLength”：1，
“占位符”：“仅选择1个状态。”，
});
@导入url（'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css');
挑选{
宽度：100%；
}
.选择2个容器{
利润率：0.40px；
}

阿拉斯加州
夏威夷
加利福尼亚
内华达州
俄勒冈
华盛顿
阿拉斯加州
夏威夷
加利福尼亚
内华达州
俄勒冈
华盛顿
阿拉斯加州
夏威夷
加利福尼亚
内华达州
俄勒冈
华盛顿
哦，好的，很好。我不知道在某些选项已经初始化之后，您可以向它们添加额外的选项。啊啊啊。。。。我喜欢html5
data-*
attributes的简单性，非常有魅力！