tengo una duda muy grande con respecto a poner un array ordenadamente en unos selects, tengo el siguiente array que tiene esta estructura:
array (size=4)
'Azul' =>
array (size=2)
'128GB' =>
array (size=2)
'Cristal' => string 'Cristal' (length=7)
'Plastico' => string 'Plastico' (length=8)
'64GB' =>
array (size=1)
'Cristal' => string 'Cristal' (length=7)
'Blanco' =>
array (size=2)
'32GB' =>
array (size=1)
'Plastico' => string 'Plastico' (length=8)
'64GB' =>
array (size=1)
'Madera' => string 'Madera' (length=6)
'Dorado' =>
array (size=1)
'64GB' =>
array (size=1)
'Plastico' => string 'Plastico' (length=8)
'Verde' =>
array (size=1)
'64GB' =>
array (size=1)
'Madera' => string 'Madera' (length=6)
Quiero que en los select que ya se generan automaticamente como sel1, sel2, sel3 se cargue la información de cada nivel, por ejemplo:
SEL1 = Azul
SEL2 = 64GB, 128GB
SEL3 = La opción que se selecciona con Azul + el SEL2
Tengo este codigo en JQUERY que carga el primer select SEL1:
let arrResponse = JSON.parse(data);
$.each(arrResponse, function(key, value) { //Array Madre
$('#selItem0').append(new Option(key, key)); //Primer nivel, carga todos
});
No tengo idea de como ir en cada nivel o detectarlo para que aparezcan en cada select, si alguien puede darme una ayuda le agradeceré enormemente