Restablecer el valor de select2 y mostrar el placeholder

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.

💣 Descarga sistemas PHP y Laravel COMPLETOS GRATIS
Recursos premium listos para usar en proyectos reales 💻
👥 +1000 desarrolladores · 🔥 Publicaciones diarias
🔥 Unirme al canal GRATIS ahora 👥 Grupo de Facebook
⏳ Enlaces disponibles por tiempo limitado
💻 Sistemas completos 🔌 Plugins PRO ⚡ Scripts listos 🔥 Recursos exclusivos

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

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.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuarlo!

Promedio de puntuación 5 / 5. Recuento de votos: 1

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Leave a comment

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