[SOLUCIONADO] Menu de opciones actualizado segun lo que se va seleccionando

[pablokru]

Hola,

Estoy intentando realizar un formulario donde el usuario elije el pais de una lista de forma que luego se actualza otro menu con las opciones de provincias del pais que eligio, y por ultimo otro menu que se actualiza con las localidades de la provincia que eligio. Este 3° menu de las localidades no se como hacerlo. Les pido ayuda!!!

CODIGO AJAX:

Código PHP:

  <script>
var xhr;
function ajaxpais(){
    var pais=document.getElementById('paises').value
    xhr=getXHR();
    xhr.open("GET","ajax_paises.php?paisid="+pais);
    xhr.onreadystatechange=callback;
    xhr.send();
}
function callback(){
    if(xhr.readyState==4){
        if(xhr.status==200){
            document.getElementById("ciudades").innerHTML=xhr.responseText;
        }
    }
}
</script> 
  

Archivo Html:

Código HTML:

 <div id="box5">
                        	<select id="paises" onchange="ajaxpais();">
                            <option value="">--</option>

                          <?php
                            $query_pais = mysql_query("SELECT * FROM pais"); 
                            while($row = mysql_fetch_array($query_pais)){
                                ?>
                                <option value="<?php echo $row['id_pais'] ?>">
                                    <?php echo $row['nombre_pais'] ?>
                                </option>
                                <?php
                            }
                            ?>

                            </select>
                        </div>



                        <div id="box5">
                            <select id="ciudades">
                            </select>
                        </div>


                        <div id="box5">
                        <select id="localidad">
                        </select>
                        </div> 

archivo php:

Código PHP:

  include("conexion.php");
 
$pais=$_REQUEST['paisid'];
$seleccionar = "SELECT * FROM provincia WHERE pais='$pais'";
$resultado = mysql_query($seleccionar);
                            while($row = mysql_fetch_array($resultado))
                            {
                            echo'<option>';echo $row['nombre_provincia'];echo'</option>';
                            } 
   

[chwc]

vas por muy buen camino !
solo tenes que agregarle el evento onchange a las provincias

Código Javascript:

var xhr; 
function ajaxpais(){ 
    var pais=document.getElementById('paises').value 
    xhr=getXHR(); 
    xhr.open("GET","ajax_paises.php?paisid="+pais); 
    xhr.onreadystatechange=callback; 
    xhr.send(); 
} 
function callback(){ 
    if(xhr.readyState==4){ 
        if(xhr.status==200){ 
            document.getElementById("ciudades").innerHTML=xhr.responseText; 
document.getElementById("ciudades").onchange = function(){
ajaxciudades();
}
        } 
    } 
} 
 
function ajaxciudades(){
 var ciudad=document.getElementById('ciudades').value 
    xhr=getXHR(); 
    xhr.open("GET","ajax_ciudades.php?ciudadid="+ciudad); 
    xhr.onreadystatechange=callbackCiudad; 
    xhr.send(); 
 
}
 
function callbackCiudad(){
if(xhr.readyState==4){ 
        if(xhr.status==200){ 
            document.getElementById("localidad").innerHTML=xhr.responseText; 
        } 
    } 
 
}
 

lo que si localidades debe existir, y haces algo parecido a ajax_paises, pero con ajax_ciudades xhr.open("GET","ajax_ciudades.php?ciudadid="+ciuda d);

no se si el codigo tira errores, pero fijate lo basico de como funciona, que es que le agrege el evento onchange a "ciudades", y cree una funcion muy parecida para las ciudades a la de los paises

eso si, todo esto lo vuelvo en "localidad"

un saludo !!

[pablokru]

Muchas gracias por tu ayuda, el codigo anda perfecto!
Saludos.