Había algunos errores, entre ellos me parece que no funcionaba por las tablas que tenía, y te lo he pasado a CSS. También pasaba que había un input hidden que se llamaba redirect, y una función Javascript que se llamaba así también. Bueno, aquí está el código:
Código HTML:
<style>
body { text-align: center; }
#formulario { width: 350px; margin: 0 auto; text-align: left;}
label { font-weight: bold; float: left; width: 50%; margin: 5px 0;}
input, select { float: left; width: 30%; margin: 5px 0 5px 20%; }
textarea { width: 100%;}
.clear { clear: both; }
#centrar { text-align: center; }
#centrar input { float: none; margin: 0; }
</style>
<div id="formulario">
<form action="/cgi-bin/FormMail.pl" name="combo" method="POST">
<label>Ciudad:</label>
<select name="ciudad" size="1" onChange="cambiar(this.options.selectedIndex)">
<option value="Roma">Roma</option>
<option value="Milán">Milán</option>
<option value="Nápoles">Nápoles</option>
</select>
<label>Pueblo:</label>
<select name="pueblo" size="1">
<option value="http://javascriptkit.com">romanos</option>
<option value="http://www.news.com">más romanos</option>
<option value="http://www.wired.com">y más</option>
</select>
<script>
<!--
/*
Double Combo Script Credit
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScripts here!
*/
var groups=document.combo.ciudad.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("JavaScript Kit","http://javascriptkit.com")
group[0][1]=new Option("News.com","http://www.news.com")
group[0][2]=new Option("Wired News","http://www.wired.com")
group[1][0]=new Option("CNN","http://www.cnn.com")
group[1][1]=new Option("ABC News","http://www.abcnews.com")
group[2][0]=new Option("Hotbot","http://www.hotbot.com")
group[2][1]=new Option("Infoseek","http://www.infoseek.com")
group[2][2]=new Option("Excite","http://www.excite.com")
group[2][3]=new Option("Lycos","http://www.lycos.com")
var temp=document.combo.pueblo
function cambiar(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
//-->
</script>
<br class="clear" />
<label> Nombre y apellidos:</label><input type=text name="realname"><br class="clear" />
<label> Teléfono</label><input type=text name="telefono"><br class="clear" />
<label>Email:</label><input type=text name="email"><br class="clear" />
<label>Mensaje:</label><br class="clear" />
<textarea name="mensaje" cols="40" rows="5"></textarea>
<div id="centrar">
<input type="Submit" value="Enviar"><input type="reset" value="Cancelar">
</div>
<input type=hidden name="required" value="email,realname,mensaje,telefono,ciudad">
<input type=hidden name="recipient" value="[email protected]">
<input type=hidden name="subject" value="MENSAJE DESDE LA WEB">
<input type=hidden name="redirect" value="http://www.dominio.com/gracias.html">
<input type=hidden name="missing_fields_redirect" value="http://www.dominio.com/error.html">
</form>