Generar menú a partir de Onchange

[Elalux]

Saludos maestros, he aquí mi duda, necesito que un lciente seleccione su ciudad a partir del estado en donde se encuentre, pero deseo que el menú de la ciudades no aparezca (ó aparezca vacío) y sólo aparezcan las ciudades si ya se ha seleccionado el estado, para ponerlo mejor lo haré a través de unas imágenes paso por paso:

1.- Tenemos el Menú de los estados:



2.- El visitante selecciona su estado:


3.- Aquí está el punto crucial, al seleccionar el Estado, aparace (ó se llena, para elcaso da lo mismo) el menú de las ciudades de exclusivas de ese estado:



4.- El visitante selecciona su ciudad



HE estado jugando con el evento Onchange y solo he logrado que se abran ventanitas , me gustaría tener las ciudades de cada estado en listas separadas de <option>Ciudad</option>, talvez archivos de texto separados para cada lista de ciudades.

Se que puedo hacerlo enviando una cabecara adicional http al server, pero eso implicaría un cosumo de ancho de banda inecesario si puedo hacerlo del lado del cliente, espero haberme explicado bién, agradezco desde ahora cualquier ayuda.

Saludos.

[caricatos]

Hola:

Si no quieres hacer llamadas al server, tendrías que tener todas las regiones y ciudades en la misma página (no sé hasta que punto ahorrarías recursos, ya que la página se haría algo pesada... )

Una idea sería tener todos los selects armados, aunque invisibles y deshabilitados dentro de elementos (capas o el que te convenga... de bloque o línea) que fácilmente sea creado desde tu fuente de datos (supongo que sería una base de datos)

Un ejemplo para el primer select, aspciarle un método mostrarRegion(cual)...
Estado:<br />
<select onchange="mostrarRegion(this.value)" name="Region" />
<option>Seleccione</option>
...

function mostrarRegion(cual) {
if (cual != undefined) {
cual.form["Region_" + cual].disabled = false;
document.getElementById("capa_Region_" + cual).style.display = "block";
}
}

Y las capas creadas sean del tipo:
<div id="capa_Region_Yucatan" >
<select name="Ciudad" onchange="mostrarCiudad(this.value)" >
...

Espero que te sirva.

Saludos

[Elalux]

caricatos muchísimas grácias Caricatos, algo asi es lo que quiero, sin embargo por ahora me abocaré a entender bién el funcionamiento del código, creo que estoy mas o menos cerca de lograr lo que busco, he notado un funcionamiento extraño del script que estoy haciendo basado en tu código en el Firefox, lo expondré en otro POSt.

Saludos.