如何为某些 select 下拉菜单禁用 select2 插件？

How can I disable the select2 plugin for certain select dropdowns?

我正在使用 jquery select2 插件，但我想在某些 select 下拉菜单中禁用它。有没有办法排除插件将应用到的 select 元素？ 我在想 select 元素上的 class 可以告诉插件忽略它。

我假设您通过以下方式将其应用于所有选择：

<script type="text/javascript">
  $('select').select2();
</script>

有几种方法可以解决它，但最简单的方法是在要设置样式的选择中添加 class 并且仅在这些选择上调用 select2()：

  • 将 class addStyling 添加到您选择的样式中
  • 用$('select.addStyling').select2();
    • 初始化它们 
$('select').not('.yourExcludeClass').select2();

这是一个link to the docs for $.not()

虽然只是不调用 .select2() 在你不想成为下拉列表的元素上工作，你可能想禁用 Select2 after 你已经初始化它。

为此，您有两个选择

  • 通过调用 $("select").prop("disabled", true).
    • 像禁用标准 <select> 一样在视觉上禁用它
  • "Destroy" Select2 调用 $("select").select2("destroy").
    • 返回到标准下拉列表

您可以使用 -

禁用它 
$('select').select2("enable",false);

使用 JQuery。