Dispongo de un combobox para hacer el típico formulario donde eliges el país (por ejemplo España), y en el desplegable de provincia ya sólo tienes para elegir las provincias de españolas, y una vez elegido por ejemplo Gipuzkoa (como provincia), en el desplegable de ciudades te salen sólo ciudades de Gipuzkoa como pueden ser Donostia y Irún o Hernani.
PAISES y PROVINCIAS funcionan, CIUDADES no sale nada en el desplegable.
Contenido: Base de datos de 3 tablas (países, provincias, ciudades), archivos de consulta paises.php, provincias.php y ciudades.php, y una función javascript para que se vean las select
en el desplegable FUNCTION.JS
Creo que el error está en el FUNCTION.JS que me falta algo para que las ciudades también se visualicen. Paises y Provincias se ven perfectamente.
Tengo en la base de datos 3 tablas:
- Paises
- Provincias
- Ciudades
(Se han creado las tablas con algunos ejemplo de países, provincias y ciudades)
En el formulario HTML donde tendremos los desplegables de País, Provincia y Ciudad:
<div>
<h2>País</h2>
<select name="paises" id="paises">
<option value="0">Seleccione</option>
</select>
</div>
<div>
<h2>Provincia</h2>
<select name="provincias" id="provincias">
<option value="0">Seleccione</option>
</select>
</div>
<div>
<h2>Ciudad</h2>
<select name="ciudades" id="ciudades">
<option value="0">Seleccione</option>
</select>
</div>
Después las consultas en varios archivos php: paises.php, provincias.php y ciudades.php:
PAISES.PHP
<?php
include ('conexion.php');
$query = $conn->query("SELECT * FROM paises");
echo '<option value="0">Seleccione</option>';
while ( $row = $query->fetch_assoc() )
{
echo '<option value="' . $row['id_pais']. '">' . $row['nombre_pais'] . '</option>' . "\n";
}
?>
PROVINCIAS.PHP
<?php
include ('conexion.php');
$el_pais = $_POST['pais'];
$query = $conn->query("SELECT * FROM provincias WHERE id_pais = $el_pais");
echo '<option value="0">Seleccione</option>';
while ( $row = $query->fetch_assoc() )
{
echo '<option value="' . $row['id_provincia']. '">' . $row['nombre_provincia'] . '</option>' . "\n";
}
?>
CIUDADES.PHP
<?php
include ('conexion.php');
$la_provincia = $_POST['provincia'];
$query = $conn->query("SELECT * FROM ciudades WHERE id_provincia = $la_provincia");
echo '<option value="0">Seleccione</option>';
while ( $row = $query->fetch_assoc() )
{
echo '<option value="' . $row['id_ciudad']. '">' . $row['nombre_ciudad'] . '</option>' . "\n";
}
?>
Y por último la función de llamada donde creo que está el error o falta algo para que las ciudades aparezcan:
FUNCTION.JS
$(function()
{
// Lista de Paises
$.post( 'paises.php' ).done( function(respuesta)
{
$( '#paises' ).html( respuesta );
});
// lista de Provincias
$('#paises').change(function()
{
var el_pais = $(this).val();
// Lista de Paises
$.post( 'provincias.php', { pais: el_pais} ).done( function( respuesta )
{
$( '#provincias' ).html( respuesta );
});
});
// Lista de Ciudades
$( '#provincias' ).change( function()
{
var pais = $(this).children('option:selected').html();
alert( 'Lista de Provincias de ' + provincia );
});
})
¿Dónde está el error? ¿Qué falta? Gracias de antemano.
CIUDADES.php