Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/01/2008, 09:26
Avatar de nes24
nes24
 
Fecha de Ingreso: julio-2005
Mensajes: 746
Antigüedad: 18 años, 10 meses
Puntos: 3
list/menu de tres select

hola queridos amigos,

tengo un script que descarque de desarrolloweb el cual cambia el segundoselect segun la informacion del primero. esdecir que siel primer select es de paises el segundo sera de las ciudades del pais selecccionado.
este es el codigo


Código HTML:
<form name="f1">
<select name=pais onchange="cambia_provincia()">
<option value="0" selected>Seleccione...
<option value="1">España
<option value="2">Argentina
<option value="3">Colombia
<option value="4">Francia
</select>

<select name=provincia>
<option value="-">-
</select>
</form>

<script>
//defino una serie de varibles Array para cada país
var provincias_1=new Array("-","Andalucía","Asturias","Baleares","Canarias","Castilla y León","Castilla-La Mancha","...")
var provincias_2=new Array("-","Salta","San Juan","San Luis","La Rioja","La Pampa","...")
var provincias_3=new Array("-","Cali","Santamarta","Medellin","Cartagena","...")
var provincias_4=new Array("-","Aisne","Creuse","Dordogne","Essonne","Gironde ","...")

//función que cambia las provincias del select de provincias en función del país que se haya escogido en el select de país.
function cambia_provincia(){
	//tomo el valor del select del pais elegido
	var pais
	pais = document.f1.pais[document.f1.pais.selectedIndex].value
	//miro a ver si el pais está definido
	if (pais != 0) {
		//si estaba definido, entonces coloco las opciones de la provincia correspondiente.
		//selecciono el array de provincia adecuado
		mis_provincias=eval("provincias_" + pais)
		//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> 


Como puedo agrear otro select "poblacion" que me muestre la poblacion de la "ciudad",esdecir: untercer select que dependa del segundo.

lo he intentado pero me haquedadomuy dificil.

gracias