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>';
}