necesito ayuda con las listas desplegables/select, me he perdido un poco. Quiero que se me muestre un select "provincias" según la comunidad autónoma que hayamos seleccionado antes. Los datos están guardados en un array.
Creo una variable vector que accedera al indice de provincias var vector=provincias[indice]
. Nueva variable para dar nombre al segundo select.
CReamos el bucle for que va a recorrer todos los indices del vector. Vamos a añadir una nueva opción con new Option(vector[i],i)
<script type="text/javascript">
var provincias=[[['Jaen'],['Cordoba'],['Sevilla'], ['Huelva'],['Cadiz'], ['Malaga'], ['Granada'], ['Almeria']];
function mostrarProvincias(incdice){
var vector=provincias[indice];
var lst1=document.getElementById('provincias');
var nuevaOpcion;
for (var i=0;i<vector.length;i++) {
nuevaOpcion = new Option(vector[i],i);
lst1.options[lst1.length]=nuevaOpcion;
}
}
</script>
<body>
<tr>
<select onclick="mostrarProvincias()" id="lista1">
<option value="and">Andalucía</option>
<option value="ara">Aragón</option>
<option value="lrio">La Rioja</option>
<option value="bal">Islas Baleares</option>
<option value="cat">Cataluña</option>
<option value="cana" >Canarias</option>
<option value="cant">Cantabria</option>
<option value="casM">Castilla-La Mancha</option>
<option value="casL">Castilla y León</option>
<option value="mad">Comunidad de Madrid</option>
<option value="nav">Comunidad Foral de Navarra</option>
<option value="val" >Comunidad Valenciana</option>
<option value="ext">Extremadura</option>
<option value="gal">Galicia</option>
<option value="pvas">País Vasco</option>
<option value="ast">Principado de Asturias</option>
<option value="mur">Región de Murcia</option>
</select>
<select id="provincias">
<option value="Comunidad Valenciana" selected>Comunidad Valenciana</option>
<option value="can">Islas Canarias</option>
<option value="mad">Madrid</option>
<option value="and">Andalucía</option>
<option value="gal">Galicia</option>
<option value="ext">Extremadura</option>
</select>
<tr>
</body>
</html>