Question

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

我正在使用select2 plugin下拉列表。

我不想在某些下拉列表中使用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>

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

2 个答案: