crear combo con "X" opciones

tazzmania128 · #1 (**permalink**) 01/05/2011, 06:47

Hola,
tengo 2 desplegables, en el primero tendría las opciones A, B y C y en el segundo desplegable me gustaría que cuando seleccione la opción A, me de unas opciones distintas a cuando seleccione la opcion B y lo mismo con la opcion C.
por ejemplo, para el primer desplegable tengo

Código HTML:

Ver original<select name="equipo" onChange="equipo()">
        <option>laptop</option>
    <option>monitor</option>
    <option>printer</option>

como sería para el segundo desplegable??

Gracias

fcastro001 · #2 (**permalink**) 01/05/2011, 23:52

Eso ya esta en preguntas frecuentes......

Revisa esto

<html>
<head>
<title>
FAQ-1: Selects
</title>
<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.frm.pais.selectedIndex){
case 0:
addOpt(oCntrl, 0, "Ciudad de México", "0");
addOpt(oCntrl, 1, "Monterrey", "1");
addOpt(oCntrl, 2, "Guadalajara", "2");
break;
case 1:
addOpt(oCntrl, 0, "Madrid", "0");
addOpt(oCntrl, 1, "Barcelona", "1");
addOpt(oCntrl, 2, "San Sebastián", "2");
break;
case 2:
addOpt(oCntrl, 0, "Caracas", "0");
addOpt(oCntrl, 1, "Coro", "1");
addOpt(oCntrl, 2, "Maracay", "2");
addOpt(oCntrl, 3, "Valencia", "3");
break;
}
}
</script>
</head>
<body>

<form name="frm">
<table border="0">
<tr>
<td>
País
</td>
<td>
<select name="pais" onchange="cambia(document.frm.ciudad)">
<option value="Mex">México</option>
<option value="Esp">España</option>
<option value="Ven">Venezuela</option>
</select>
</td>
<td>
 
</td>
<td>
Ciudad
</td>
<td>
<select name="ciudad">
<option value="0">Ciudad de México</option>
<option value="1">Monterrey</option>
<option value="2">Guadalajara</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>

Saludos.