Portada » JQuery biblioteca de JavaScript » Select2 » 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.

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 0 / 5. Recuento de votos: 0

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

Deja un comentario

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

Scroll al inicio
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad