Limpiar Select2 jQuery: Ejemplo completo

Limpiar Select2 jQuery. En este articulo aprenderemos a restablecer para mostrar el marcador de posición select2. JQuery Select2 restablece y luego muestra el marcador de posición. Por lo tanto, restableceremos select2 para mostrar el marcador de posición.

Limpiar Select2 jQuery
Limpiar Select2 jQuery

¿Qué es el complemento Select2?

El complemento select2 es un complemento jQuery muy famoso y trabaja directamente en las etiquetas Select del HTML. Además, para usar el complemento select2 debemos de declarar las librerías necesarias para que funcione correctamente.

Por consiguiente, podemos hacer varias cosas, como seleccionar el cuadro con la búsqueda, seleccionar la opción con la casilla de verificación, autocompletar Ajax, buscador en etiqueta select, entre otras opciones, etc.

¿Cómo poder restablecer Select2?

El complemento jQuery select2 proporciona una opción para reiniciar y para mostrar el marcador de posición. Por lo tanto, solo se agrega el marcador de posición en select2 muestra automáticamente el marcador de posición.
La solución para resetear select2

$('.category').select2({

 placeholder: "Select Category",

 allowClear: true // Esto es para borrar obtener el botón borrar si lo desea

});

Ejemplo completo:
Mostraremos todo el script para que puedan ver en funcionamiento el complemento


PHP Select2 Multiple Select Example Tutorial
 
Select2 Multiple Selected Get Value and Text Example - Nicesnippets.com

2da forma: Eliminar las opciones seleccionadas:

Existen otras formas para limpiar un select2 y a continuación veremos varios ejemplos.

$('#mySelect2').val(null).trigger('change');

Eliminar completamente la inicialización de select2

$('#payment_method').html('').select2({data: [{id: '', text: ''}]});

Restablecer el valor select2 y mostrar marcador de posición

$("#customers_select").select2({
placeholder: "Select a customer",
initSelection: function(element, callback) { 
}
});

Para restablecer la select2

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

Borrar los elementos seleccionados en Select2.

Si deseamos borrar la selección de los valores que se seleccionan usando Select2 podemos usar la función empty().

El menú desplegable se puede limpiar utilizando jQuery.

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

Otra opción para reiniciar podemos usar la siguiente línea de código.

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

CONCLUSIÓN

En este articulo hemos aprendido a limpiar los valores de select2 de manera dinámica para que no existan errores.
Recuerden que el complemento select2 es uno de los más usados en los sistemas web y que nos proporciona un buscador instantáneo en nuestras etiquetas select por ejemplo. Por lo tanto, nos brindan una interfaz amigable hacia el usuario final.

Sobre el autor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio