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.
¿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.