4 select o listas dependientes

[Stickmaster2004]

hola a todos los superamigos de forosdelweb, bueno tengo un problemilla con mis listas dependientes, pues necesito un select dependientes estilo continente y cuando elijas el continente te salgan los paises de ese continente, una vez elegido el pais te salgan las provincias y una vez elegidas las provincias pues te salgan las localidades de esa provincia, y asi puedes hacer con las localidades los barrios que esta tiene, bueno ya se........................, eso es select dependientes, la cuestion es que nunca he manejado 4 select dependientes y nada que me sale, les agradeceria si me ayudaran por aqui vi que esta tunait, kaopectate, o juanB, por fa pegenme una ayudadita

[angsanchez]

Hola, Stickmaster2004
Creo que esto te valdrá

Código HTML:

<script>
var paises = new Array
paises[1] = ["elige país...","España","Francia","Alemania"]
paises[2] = ["elige país...","China","Japón","India"]
paises[3] = ["elige país...","Argentina","Chile","Colombia"]

function ponPaises(formu)
{	var elConti = formu.conti.selectedIndex
	formu.pais.length = paises[elConti].length
	for (i=0; i<formu.pais.length; i++)
	{	formu.pais.options[i].text = paises[elConti][i]
	}
	

}
</script>
<form>
<select name="conti" onChange="ponPaises(this.form)">
<option selected>elige continente...</option>
<option>Europa</option>
<option>Asia</option>
<option>América</option>
</select>
<select name="pais" onChange="ponProvincias(this.form)">
<option></option>
</select>
</form> 

Y repitiendo así para los sucesivos niveles

[angsanchez]

Lo he ampliado a tres niveles, se vuelve un poco complejo pero es cuestión de seguir la norma.
(Con los datos que tiene funciona sólo para España y Francia).

Código HTML:

<script>
var paises = new Array()
paises[1] = ["elige país...","España","Francia","Alemania"]
paises[2] = ["elige país...","China","Japón","India"]
paises[3] = ["elige país...","Argentina","Chile","Colombia"]

var provincias = new Array()
provincias[1] = new Array()
provincias[1][1] = ["elige provincia","Madrid","Valladolid"]
provincias[1][2] = ["elige provincia","Côtes du Rhone",".."]

function ponPaises(formu)
{	var elConti = formu.conti.selectedIndex
	formu.pais.length = paises[elConti].length
	for (i=0; i<formu.pais.length; i++)
	{	formu.pais.options[i].text = paises[elConti][i]
	}
}
function ponProvincias(formu)
{	var elConti = formu.conti.selectedIndex
	var elPais = formu.pais.selectedIndex
	formu.provincia.length = provincias[elConti][elPais].length
	for (i=0; i<formu.provincia.length; i++)
	{	formu.provincia.options[i].text = provincias[elConti][elPais][i]
	}
}
</script>
<form>
<select name="conti" onChange="ponPaises(this.form)">
<option selected>elige continente...</option>
<option>Europa</option>
<option>Asia</option>
<option>América</option>
</select>
<select name="pais" onChange="ponProvincias(this.form)">
<option></option>
</select>
<select name="provincia">
<option></option>
</select>
</form> 

[a_web]

Hola angsanchez:

Me ha servido mucho el ejemplo que has puesto, precisamente es lo que estaba buscando, pero no se como vincular el ultimo select.

He tratado pero no se como debo hacerlo, ya que no se mucho de javascript.

Ojala y puedas ayudarme.

Saludos

[anitasonrics]

Iniciado por angsanchez

Lo he ampliado a tres niveles, se vuelve un poco complejo pero es cuestión de seguir la norma.
(Con los datos que tiene funciona sólo para España y Francia).

Código HTML:

<script>
var paises = new Array()
paises[1] = ["elige país...","España","Francia","Alemania"]
paises[2] = ["elige país...","China","Japón","India"]
paises[3] = ["elige país...","Argentina","Chile","Colombia"]

var provincias = new Array()
provincias[1] = new Array()
provincias[1][1] = ["elige provincia","Madrid","Valladolid"]
provincias[1][2] = ["elige provincia","Côtes du Rhone",".."]

function ponPaises(formu)
{	var elConti = formu.conti.selectedIndex
	formu.pais.length = paises[elConti].length
	for (i=0; i<formu.pais.length; i++)
	{	formu.pais.options[i].text = paises[elConti][i]
	}
}
function ponProvincias(formu)
{	var elConti = formu.conti.selectedIndex
	var elPais = formu.pais.selectedIndex
	formu.provincia.length = provincias[elConti][elPais].length
	for (i=0; i<formu.provincia.length; i++)
	{	formu.provincia.options[i].text = provincias[elConti][elPais][i]
	}
}
</script>
<form>
<select name="conti" onChange="ponPaises(this.form)">
<option selected>elige continente...</option>
<option>Europa</option>
<option>Asia</option>
<option>América</option>
</select>
<select name="pais" onChange="ponProvincias(this.form)">
<option></option>
</select>
<select name="provincia">
<option></option>
</select>
</form> 

No me funciona este código, y no sé porqué es.
Solo me muestra las opciones del primer select y en el segundo y tercer select no me muestra nada.

[TonyChile]

Hola bueno para ambas hubiera sido mejor que crearan un nuevo tema con sus inquietudes
ya que este tema es de 01-12-2005.

anita
No me funciona este código, y no sé porqué es.
Solo me muestra las opciones del primer select y en el segundo y tercer select no me muestra nada.

no te funciona porque tal como indica:

angsanchez
Lo he ampliado a tres niveles, se vuelve un poco complejo pero es cuestión de seguir la norma.
(Con los datos que tiene funciona sólo para España y Francia).

tu debes seguir con los demas y mejor coloca tus dudas en un nuevo tema asi hablas de tu problema de forma mas clara y puedes hacer referencia a otro tema de ser necesario



Quien puede cerrar el tema gracias

[hector2c]

xDDDDDDDDDDD