如何停止选择框以使用select2插件

Question

我的页面上有很多下拉菜单。

对于下拉菜单，我正在使用select2插件 。

我不想对某些下拉菜单使用select2插件。

有什么办法吗？

我在Google上进行过搜索，也浏览了他们的文档，但与此相关的任何内容都没有。

这是我的选择框代码..

    <div class="cust-input">
     <select name="management[]">
          <option value="0">Select Management</option>
          <option value="Chairman">Chairman</option>
          <option value="Vice Chairman">Vice Chairman</option>
          <option value="Vice Chancellor">Vice Chancellor</option>
          <option value="Secretary">Secretary</option>
          <option value="Registrar">Registrar</option>
          <option value="Dean">Dean</option>
          <option value="Owner">Owner</option>
          <option value="Other">Other</option>
      </select>
   </div>

Answer 1

将一个类放在要与select2一起使用的select元素上，然后使用该类实例化插件。 像这样：

$('.select2').select2();

<div class="cust-input">
    <select name="management[]" class="select2">
        <option value="0">Select Management</option>
        <option value="Chairman">Chairman</option>
        <option value="Vice Chairman">Vice Chairman</option>
        <option value="Vice Chancellor">Vice Chancellor</option>
        <option value="Secretary">Secretary</option>
        <option value="Registrar">Registrar</option>
        <option value="Dean">Dean</option>
        <option value="Owner">Owner</option>
        <option value="Other">Other</option>
    </select>

    <!-- this select will not be styled -->
    <select>
        <option>Foo</option>
        <option>Bar</option>
    </select>

Answer 2

您可以使用特定的类而不是通用的select标签元素来实现。

采用：

$(".useSelect2").select2(); //either your desired name of your class or unique ID

代替

 $("select").select2(); // if you used this method, select2 will applied to all dropdowns.

例：

     <select name="management[]" class="useSelect2">
          <option value="0">Select Management</option>
          <option value="Chairman">Chairman</option>
          <option value="Vice Chairman">Vice Chairman</option>
          <option value="Vice Chancellor">Vice Chancellor</option>
          <option value="Secretary">Secretary</option>
          <option value="Registrar">Registrar</option>
          <option value="Dean">Dean</option>
          <option value="Owner">Owner</option>
          <option value="Other">Other</option>
      </select>

Javascript：

        $(".useSelect2").select2();

其他下拉菜单：

     <select name="management[]" class="dontuseSelect2">
          <option value="0">Select Management</option>
          <option value="Chairman">Chairman</option>
          <option value="Vice Chairman">Vice Chairman</option>
          <option value="Vice Chancellor">Vice Chancellor</option>
          <option value="Secretary">Secretary</option>
          <option value="Registrar">Registrar</option>
          <option value="Dean">Dean</option>
          <option value="Owner">Owner</option>
          <option value="Other">Other</option>
      </select>