Si pue, mira con este ejemplo.
Código HTML:
<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" action="numero2.htm">
<table border="0">
<tr>
<td>
Pais
</td>
<td>
<select name="pais" onchange="cambia(document.frm.ciudad)">
<option value="Mex">Mexico</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>
<input type="submit" name="Submit" value="Enviar">
</form>
</body>
</html> el tema es que cuando vuelvo para atras pierde el valor el 2do select, por eso pregunto si no hay manera de que cuando vuelva atras siga manteniendo el valor del segundo select, el primero queda, compruebalo!.
Ya he intentado con poner un vinculo y que lleve la variable esas, pero igual me actualiza el segundo select y ahi pierde el valor.
gracias
G