Hola chic@s,
Tengo el siguiente problema son 2 selects que no se que me falta o mejor dicho porque no se actualiza correctamente la 2º select.
son tres opciones para la primera select Animal,Vegetal y Mineral y en la segunda select deberian de mostrarse distintos animales,pero no se encuentran bien asociados aparentemente,porfavor si veis el error os agradeceria mucho vuestra ayuda..le he dado mil vueltas y no doy con ello..
Código Javascript
:
Ver original<html>
<head>
<script>
var Animal=new Array('Condor','Gorila','Koala','Lince','Oso Panda','Puma','Tatu','Tigre');
var Vegetal=new Array('Alamo','Almendro','Baobab','Drago','Encina','Haya','Sauce','Sequoia');
var Mineral=new Array('Agata','Aguamarina','Cinabrio','Cuarzo','Esmeralda','Mercurio','Pirita','Rubi');
</script>
</head>
<body>
<form name='f1'>
<select name="sel_reino" onchange="pon_asociada()">
<option>-Seleccione reino-</option>
<option>Animal</option>
<option>Vegetal</option>
<option>Mineral</option>
</select>
<select name="sel_asociados">
<script>
for(var i=0;i<Animal.length;i++){
document.write("<option>"+Animal[i]+"</option>");
}
</script>
</select>
<script>
function pon_asociada(){
var indice=document.f1.sel_reino.selectedIndex;
var lista;
switch(indice){
case 0:lista=Animal;break;
case 1:lista=Vegetal;break;
case 2:lista=Mineral;break;
default: alert('Error en el indice: ' + indice);
}
document.f1.sel_asociados.length=lista.length;//igualamos tamaños
for(var i=0;i<lista.length;i++){
var opcion=new Option(lista[i],lista[i],false,false)
document.f1.sel_asociados.options[i]=opcion;
}
}
</script>
</form>
</body>
</html>