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.
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>
<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)
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)