En un formulario hay un primer menú <select>, dependiendo de la opción seleccionada por ese usuario, se generará un segundo menú <select> y dependiendo le la elección en ese segundo menú se generará un tercer, tal y como lo muestro a continuación:
Inicio con esto:
Cuando el visitante selecciona una opcíón del primer Menú:
Mediante una llamada a una función en el <select> del menú:
Cita:
Se genera un segundo menú:<select name="company_agency" id="company_agency" onchange="getData('procesar.php?id=' + this.value, 'targetDiv')">
Los valores de éste segundo menú dependen de la opción seleccionada en el primero.
El visitante selecciona una opción de éste segundo menú:
Usando la misma función se genera un tercer menú:
Nuevamente, los valores de este tercer menú dependen de la opción seleccionada en el segundo menú.
Si ya han aparecido los tres menús, al seleccionar una opción diferente del segundo menú, se actualizan los valores del tercero, Hasta ahí todo bién.
El problema es... si ya han aparecido los tres menús, cuando se selecciona un valor diferente en el primer menú, se actualiza el segundo menú, pero nó el tercero!.
Me dí cuenta que si recargaba la página completa, pues se re-inciaba todo y empezaba nuevamente sólo con el primer menú.
La solución sería que al escoger otra opción del Primer Menú se actualicen el Segundo Y Tercer menú sin recargar toda la página, pero lograr esto en verdad vá mucho mas allá de mis actuales conocimientos en JavaScript. ¿Alguien podría por favor hecarme una orientadita para lograr esto?
Espero haberme explicado, agradezco desde ahora cualquier ayuda.
Saludos.