23/04/2004, 17:14
|
| | | Fecha de Ingreso: abril-2004
Mensajes: 16
Antigüedad: 21 años Puntos: 0 | |
| Listas desplegables encadenadas
Hola a todos,
He realizado una página HTML muy sencilla que contine dos listas encadenadas, la primera muestra dos continentes y en función del elegido la segundo lista desplegable muestra los animales correspondiente al dicho continente. Todo ello realizado con funciones js, pero no consigo que muestre los contenidos de ningún array. Muestro el código por que alguien me puede ayudar.
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script LANGUAGE="JavaScript">
var valoresSelect1 = new Array ("Europa","Asia");
var fila1 = new Array ("Faisán","Halcón");
var fila2 = new Array ("Camello","Cobra");
var valoresSelect2 = new Array (fila1,fila2);
function escribirSelect(valores){
for (var i=0; i<valores.length; i++){
window.document.writeln('<OPCTION VALUE="'+valores[i]+'">'+valores[i]+'</OPTION>')
}}
function cambiarSelect2(formulario,valoresSelect1,valoresSe lect2){
var indice = formulario.select1.selectedIndex.value
formulario.select2.length = valoresSelect2[indice].lenth;
for (var i=0; i<valoresSelect2[indice].length; i++){
formulario.select2.opctions[i].text = valoresSelect2[indice][i]
formulario.select2.opcionts[i].value = valoresSelect2[indice][i]
}
formulario.select2.selectedIndex = 0
}
</script>
<center>
<form name="formulario">
Continente
<SELECT NAME="select1" onChange="cambiarSelect2(this.form,valoresSelect1, valoresSelect2)">
<SCRIPT LANGUAJE="JavaScript">
escribirSelect(valoresSelect1)
</SCRIPT>
</SELECT>
Animal
<SELECT NAME="select2">
<SCRIPT LANGUAJE="JavaScript">
escribirSelect(valoresSelect2[0])
</SCRIPT>
</SELECT>
</form>
</center>
</body>
</html> |