Hola a todos, aprovecho este mi primer post para saludar a todos los integrantes del foro que, aunque llevo tiempo leyendo, no me registre hasta ahora... asi que un saludo a todos y gracias por esta gran labor que llevais a cabo.
Bien, el problema que tengo es el siguiente, estoy intentando hacer una web en la que encontrariamos un formulario para seleccionar comunidad (andalucia, aragon, valencia...etc) y provincia de cada comunidad (almeria, granada, jaen..etc) del modo que el usuario de la web eliga primero la comunidad y acto seguido se cargue en un segundo select las provincias de la comunidad seleccionada (si selecciona ANDALUCIA carga almeria, granada, jaen..etc), hasta aqui lo tengo resuelto con el siguiente codigo:
Código:
<form id="f1" name="f1" method="post" action="">
<div align="center">
<select name=Region onchange="cambia_provincia()">
<option value="0" selected="selected">Selecciona comunidad</option>
<option value="1">Andalucía</option>
<option value="2">Aragón</option>
<option value="3">Canarias</option>
<option value="4">Cantabria</option>
<option value="5">Castilla y León</option>
<option value="6">Castilla la Mancha</option>
<option value="7">Cataluña</option>
<option value="8">Ciudades autónomas</option>
<option value="9">Comunidad de Madrid</option>
<option value="10">Comunidad de Navarra</option>
<option value="11">Comunidad Valenciana</option>
<option value="12">Extremadura</option>
<option value="13">Galicia</option>
<option value="14">Islas Baleares</option>
<option value="15">La Rioja</option>
<option value="16">Pais Vasco</option>
<option value="17">Principado de Asturias</option>
<option value="18">Region de Murcia</option>
</select>
<select name=provincia>
<option value="-" selected="selected">-
</select>
<input type="submit" name="Submit" value="Enviar" />
</div>
</form>
Nos fijamos en el select asociado a la region de este formulario que, cuando se cambia la opción de Region, se debe llamar a la función cambia_provincia().
Bien pues en javascript tengo el siguiente codigo:
Código:
<script language="JavaScript">
var provincias_1=new Array("Selecciona provincia","Almería","Cádiz","Córdoba","Granada","Huelva","Jaén","Málaga","Sevilla")
var provincias_2=new Array("Selecciona provincia","Huesca","Teruel","Zaragoza")
var provincias_3=new Array("Selecciona provincia","El Hierro","Fuerteventura","Gran Canaria","La Gomera","La Palma","Lanzarote","Tenerife")
var provincias_4=new Array("Selecciona provincia","Cantabria/Santander")
var provincias_5=new Array("Selecciona provincia","Avila","Burgos","León","Palencia","Salamanca","Segovia","Soria","Valladolid","Zamora")
var provincias_6=new Array("Selecciona provincia","Albacete","Ciudad Real","Cuenca","Guadalajara","Toledo")
var provincias_7=new Array("Selecciona provincia","Barcelona","Girona","Lleida","Tarragona")
var provincias_8=new Array("Selecciona provincia","Ceuta y Melilla")
var provincias_9=new Array("Selecciona provincia","Madrid")
var provincias_10=new Array("Selecciona provincia","Navarra/Pamplona")
var provincias_11=new Array("Selecciona provincia","Alicante","Castellón","Valencia")
var provincias_12=new Array("Selecciona provincia","Badajoz","Cáceres")
var provincias_13=new Array("Selecciona provincia","La Coruña","Lugo","Orense","Pontevedra")
var provincias_14=new Array("Selecciona provincia","Formentera","Ibiza","Mallorca","Menorca")
var provincias_15=new Array("Selecciona provincia","La Rioja/Logroño")
var provincias_16=new Array("Selecciona provincia","Alava","Guipúzcoa","Vizcaya")
var provincias_17=new Array("Selecciona provincia","Asturias/Oviedo")
var provincias_18=new Array("Selecciona provincia","Murcia")
function cambia_provincia(){
//tomo el valor del select del pais elegido
var Region
Region = document.f1.Region[document.f1.Region.selectedIndex].value
//miro a ver si el pais está definido
if (Region != 0) {
//si estaba definido, entonces coloco las opciones de la provincia correspondiente.
//selecciono el array de provincia adecuado
mis_provincias=eval("provincias_" + Region)
//calculo el numero de provincias
num_provincias = mis_provincias.length
//marco el número de provincias en el select
document.f1.provincia.length = num_provincias
//para cada provincia del array, la introduzco en el select
for(i=0;i<num_provincias;i++){
document.f1.provincia.options[i].value=mis_provincias[i]
document.f1.provincia.options[i].text=mis_provincias[i]
}
}else{
//si no había provincia seleccionada, elimino las provincias del select
document.f1.provincia.length = 1
//coloco un guión en la única opción que he dejado
document.f1.provincia.options[0].value = "-"
document.f1.provincia.options[0].text = "-"
}
//marco como seleccionada la opción primera de provincia
document.f1.provincia.options[0].selected = true
}
</script>
Bueno pues hasta aqui todo funciona correctamente, ahora el problema lo tengo en que no se como hacer para que al clickar en el boton "enviar" del formulario vaya a una pagina html en concreto, en definitiva, no se como poner enlaces a cada provincia para que al seleccionarla nos lleve a la pagina de esa provincia....
A ver si alguien me puede echar una mano...
Gracias de antemano y perdon por el ladrillo jejje...
Saludos.