Hey, q tal...
Tengo este ejemplo q no me ha funcionado bien... ojalÀ me puedan ayudar
La idea es, q al elegir un valor de las opciones de "carrera" me despliegue solo ciertos valores para el segundo select
Gracias de antemano
Código HTML:
<html>
<head>
<script language="JavaScript">
function elige(form) {
data = document.forms['frm'].elements['opcion'];
v = document.frm.carrera;
if(v == "B") {
variable=new Option("opcion_B1","B1");
data.options[0]=variable;
}
else {
variable=new Option("opcion_N1","N1");
data.options[0]=variable;
}
}
</script>
</head>
<body onload="cambia(document.frm.ciudad)"
onload="elige(document.frm.opcion)">
<form name="frm">
<table border="0">
<tr>
<th scope="row"> Carrera: </th>
<td align="right"><select name="carrera" id="carrera" onkeyup="elige(this.form)">
<option value="A" selected> carrera1 </option>
<option value="B"> carrera2 </option>
</select></td>
</tr>
<tr>
<td>
<select name="opcion">
</select>
</td>
</table>
</form>
</body>
</html>