Comenzando con jquery-select2

Jquery - Instalación y configuración de Select2

Puede incluir/instalar Select2 de una de las dos formas

  1. Directamente utilizando CDN en su proyecto en la sección de encabezado de su proyecto.

enlace href=“https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css” rel=“hoja de estilo”/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"/>
  1. Descargue el código a su máquina local e inclúyalo en su proyecto. debería verse así ingrese la descripción de la imagen aquí

Luego incluya estas líneas en la sección principal de su página html

  <link href="select2.min.css" rel="stylesheet" />
  <script src="select2.min.js"></script>

Nota: debe tener Jquery incluido en su proyecto para Select2 para que funcione correctamente.

ERROR: si la versión actual de jquery y Select2 están en conflicto o Las características de Select2 no funcionan. Luego mueva las variables select2 y implementaciones en bloque separado del cuerpo del documento $(documento).ready(función() { //tu código select2 ….. });

Cómo usarlo: Puede definir un <seleccionar> de la siguiente manera:

<select id="select2_example">
    <option>Test</option>
</select>

Enfoque1:

      var _mSelect2 = $("#select_example").select2();

Enfoque2:

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

Tenga en cuenta que al usar este enfoque, todo el control definido de ‘selección’ de la página heredará características de Select2. Si solo desea utilizar Select2 para ciertos controles, luego omita este paso y escriba su propio código para usar la función select2 directamente y la función jquery/javascript por separado para otro control de selección. Sin embargo, puede usar el valor de manipulado a través de Select2 para Jquery o viceversa.

Se pueden encontrar más ejemplos de ‘Lo básico’ en la documentación de Select2 GIT aquí

El proyecto Select2 GIT está aquí. Visite el sitio Select2 Github para ver las características detalladas de este producto.

Para borrar los elementos seleccionados del menú desplegable Select2.

Para borrar la selección de aquellos valores que se seleccionan usando un menú desplegable Select2, podemos usar la función vaciar().

<select id="select2_example">
<option>Option1</option>
<option>Option2</option>
<option>Option3</option>
</select>

El menú desplegable se puede restablecer usando Jquery.

$("#select2_example").empty();

También se puede restablecer como se indica a continuación.

$("#select2_example").select2("val", "");