Select2

Restablecer el valor de select2 y mostrar el placeholder

Restablecer el valor de select2 y mostrar el placeholder. En este post aprenderemos a reiniciar el complemento SELECT2 de jQuery que son utilizados en las etiquetas SELECT de HTML.

Restablecer el valor de select2
Restablecer el valor de select2

¿Cómo configurar o restablecer en select2?

Mostraremos 2 ejemplos completos para restablecer el complemento SELECT2. Por lo tanto, el valor de select2 debería restablecerse y mostrar el marcador de posición predeterminado.

Para más información pueden visitar la página oficial.

Publicaciones relacionadas

En un articulo anterior hablamos sobre select2

Cambiar tamaño de texto en SELECT2

Estos 2 ejemplos de script restablecerán el valor marcado en SELECT2

Primera forma: Agregar atributo Placeholder

Se debe definir el select2 de la siguiente manera.

$("#clientes_select").select2({
placeholder: "Seleccionar cliente",
initSelection: function(element, callback) {
}
});

Para restablecer el select2 usaremos lo siguiente

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

Segunda forma: Usando allowClear

Si la respuesta anterior no funciona para usted, puede intentar esta segunda opción.
Definir select2:

$("#clientes_select").select2({
placeholder: "Seleccione a Cliente",
allowClear: true
});

Reiniciando el complemento con este script:

$("#clientes_select").val('').trigger('change')

o también puede usar esta opción para restablecer un etiqueta select con SELECT2

$("#clientes_select").empty().trigger('change')

Para finalizar

Cualquiera de las 2 alternativas de restablecer select2 debería de funcionar, puedes probar y usar cual se adapte a tu proyecto.
El uso de select2 es muy usado en proyectos grandes por el dinamismo que nos ofrece porque incorpora un buscador dinámico en la etiqueta SELECT.

Nestor Tapia

Bloggero, amante de la programación PHP, innovador y me fascina compartir información. Desde que conocí el entorno informatico y el internet me llamó la atención la programación, Por tal motivo he creado mi blog BAULPHP.COM para compartir mis experiencias con todos ustedes. ¡Gracias por leerme!.

Deja una respuesta

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

Botón volver arriba