Lo he estado mirando y es bastante útil, muchas gracias, aunque no sé cómo hacer para que me actualice el tercer select.
<html>
<head>
<title>
</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 1:
addOpt(oCntrl, 0, "A2", "0");
addOpt(oCntrl, 1, "A3", "1");
addOpt(oCntrl, 2, "A4", "2");
addOpt(oCntrl, 3, "A6", "3");
addOpt(oCntrl, 4, "A8", "4");
addOpt(oCntrl, 5, "TT", "5");
addOpt(oCntrl, 6, "S4", "6");
addOpt(oCntrl, 7, "S6", "7");
addOpt(oCntrl, 8, "RS6", "8");
addOpt(oCntrl, 9, "Cabrio", "9");
addOpt(oCntrl, 10, "Allroad quattro", "10");
break;
case 2:
addOpt(oCntrl, 0, "Serie 1", "0");
addOpt(oCntrl, 1, "Serie 3", "1");
addOpt(oCntrl, 2, "Serie 5", "2");
addOpt(oCntrl, 3, "Serie 6", "3");
addOpt(oCntrl, 4, "Serie 7", "4");
addOpt(oCntrl, 5, "X3", "5");
addOpt(oCntrl, 6, "X5", "6");
addOpt(oCntrl, 7, "Z4", "7");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0">
<tr>
<td>
Marca
</td>
<td>
<select name="pais" onchange="cambia(document.frm.ciudad)">
<option value="Mar">Marca a elegir</option>
<option value="Mex">Audi</option>
<option value="Esp">BMW</option>
</select>
</td>
<td>
</td>
<td>
Modelo
</td>
<td>
<select name="ciudad">
<option value="0">Modelo a elegir</option>
</select>
</td>
<td>
</td>
<td>
Modelo
</td>
<td>
<select name="coche">
<option value="0">Coche a elegir</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
Eso es lo que he hecho, y ahora me queda que al seleccionar en el segundo select un modelo de coche, el tercer select se actualice y ponga los diferentes coches que hay según el modelo. Las pruebas que he hecho hasta ahora no me han funcionado. ¿Qué tendría que hacer?