Estoy usando select2 donde estoy cargando opciones endos cuadros de selección utilizando una matriz. cuando selecciono una opción de dropdown1, algunos valores de dropdown2 deberían eliminarse. Actualmente puedo eliminar las opciones de dropdown2 pero no puedo volver a llenarlos con todos los valores como al principio. Además, cuando deselecciono el valor en el menú desplegable1, todos los valores deben rellenarse en el menú desplegable2 como estaba en la carga de la página.
Aquí está el código:
var data = [{ id: 1, text: "select" },
{ id: 2, text: "A" },
{ id: 3, text: "B" },
{ id: 4, text: "C"}];
$("#select1").select2({data: data}).on(
"change",
function() {
if(this.value== 1)
$("#select2").find("option[value=2]").remove();
else
$("#select2").find("option[value=4]").remove();
}
});
Este código elimina las opciones pero cuando vuelvo a hacerlo.seleccione cualquier otra opción de select1, estas opciones no están visibles. También hay muchas opciones con 7-8 menús desplegables en la página. Esto es solo un ejemplo de lo que estoy tratando de hacer.
Cualquier ayuda es apreciada. Buscando un ejemplo.
Respuestas
0 para la respuesta № 1¿Intentó recargar / reinicializar select2 para el segundo desplegable cuando desea volver a llenar las opciones?
No estoy seguro si esto ayuda.
Referencia - https://select2.github.io/examples.html $ (". js-example-data-array"). select2 ({ datos: datos })
como cuando deselecciona de dropdown1, en su evento / función de cambio puede probar $ ("# select2"). select2 ({data: data});