AYUDA URGENTE

DC
05 de Junio del 2002
Quiero saber si alguien me puede decir como puedo tener en una pagina dos menus desplegables (combobox) distintos y que uno dependa del otro, es decir que cuando en el menu A se seleccione el primer dato, en el B se desplieguen ciertos datos, que cuando en el A se seleccione el segundo dato, en el B se desplieguen otros datos diferentes, y asi. Espero alguien me pueda ayudar.

GRACIAS.

javier
05 de Junio del 2002
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language=javascript>
var nPadres = 4;
var valores = new Array(nPadres);


function cargaInicial(){

for(var i = 0; i < nPadres; i++){
valores[i] = new Array(2);
}

//A dar de alta las opciones del padre
//valores[i][0][0]texto a visualizar en la posición i del padre
//valores[i][0][1]value de la posición i del padre
//valores[i][1] Array de hijos.
//valores[i][1][j][0]texto a visualizar en la posición j del hijo para el padre i
//valores[i][1][j][1]value de la posición j del hijo para el padre i

//padre1
valores[0][0] = new Array("Padre 1","p1");
//hijos padre1 (4 hiojos)
valores[0][1] = new Array(4);
valores[0][1][0] = new Array(\'Hijo 1.1\', \'1.1\');
valores[0][1][1] = new Array(\'Hijo 1.2\', \'1.2\');
valores[0][1][2] = new Array(\'Hijo 1.3\', \'1.3\');
valores[0][1][3] = new Array(\'Hijo 1.4\', \'1.4\');
valores[1][0] = new Array(\'Padre 2\',\'p2\');
//hijos padre2 (2 hiojos)
valores[1][1] = new Array(2);
valores[1][1][0] = new Array(\'Hijo 2.1\', \'2.1\');
valores[1][1][1] = new Array(\'Hijo 2.2\', \'2.2\');
valores[2][0] = new Array(\'Padre 3\',\'p3\');
//hijos padre3 (3 hiojos)
valores[2][1] = new Array(3);
valores[2][1][0] = new Array(\'Hijo 3.1\', \'3.1\');
valores[2][1][1] = new Array(\'Hijo 3.2\', \'3.2\');
valores[2][1][2] = new Array(\'Hijo 3.3\', \'3.3\');
valores[3][0] = new Array(\'Padre 4\',\'p4\');
//hijos padre4 (5 hiojos)
valores[3][1] = new Array(5);
valores[3][1][0] = new Array(\'Hijo 4.1\', \'4.1\');
valores[3][1][1] = new Array(\'Hijo 4.2\', \'4.2\');
valores[3][1][2] = new Array(\'Hijo 4.3\', \'4.3\');
valores[3][1][3] = new Array(\'Hijo 4.4\', \'4.4\');
valores[3][1][4] = new Array(\'Hijo 4.5\', \'4.5\');

padres = document.formulario.padre;
for(var i = 0; i < nPadres; i++){
padres.options[i]= new Option(valores[i][0][0], valores[i][0][1]);
}
padres.selectedIndex = 0;
cargarHijos(padres);
}

function cargarHijos(padre){
i = padre.selectedIndex;
hijos = document.formulario.hijo;
for(var j = 0; j < hijos.options.length; j++){
hijos.options[j] = null;
}
for(var j = 0; j < valores[i][1].length; j++){
hijos.options[j] = new Option(valores[i][1][j][0], valores[i][1][j][1]);
}
hijos.selectedIndex = 0;
}
</SCRIPT>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="cargaInicial()">
<form name="formulario" method="post" action="">
<table width="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000099" align="center"><b><font color="#FFFFFF">Select Enlazadas</font></b></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr align="center">
<td> Padre:
<select name="padre" onChange="cargarHijos(this)">
<option value="1">                                  </option>
</select>
</td>
<td> Hijo:
<select name="hijo">
<option value="1">                                  </option>
</select>
</td>
</tr>
<tr align="center">
<td colspan="2">
<input type="button" name="boton1" value="Carga inicial" onClick="cargaInicial()">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>

Wolverine
05 de Junio del 2002
Hola DC

Bueno, sólo tendré tiempo para contestar algunas cosillas, por lo que aprovecho de decirte, que necesitarías del uso de "capas". Muchos nos descraneamos la cabeza cuando hablamos de "capas", pero después nos damos cuenta que son sencillas de trabajar.

En este momento, yo no poseo un código de ejemplo, pero te puedo asegurar que si me das a conocer el modelo del menú que desees, yo te lo construyo o te ayudo en su diseño. Por ejemplo un menú con tres bloques.

Bloque 1: Menú padre
Bloque 2: Sub-menú que depende de las opciones del bloque 1
Bloque 3: Explicación de los sub-items

Este menú es el más vistoso de la Web, ya que puedes "maniobrar" con Javascript para hacer una presentación profesional.

Cuídate mucho
Saludos a todos
Atte Wolverine (Chile)