Solo tienes que agregarle al change()
de provincias la funcionalidad de buscar las ciudades te dejo mas o menos el ejemplo de como espero te ayude saludos.
La idea es hacer la petición al hacer change()
en provincias.
$( '#provincias' ).change()
Luego pasarle como parametro al metodo $.post()
el id de la provincia seleccionada que lo hacemos con
{ provincia: $( '#provincias' ).val()}
o también podría ser así
{ provincia: $(this).val()}
Y al final hay que obtener los valores que nos retorna la petición y agregarselos al select
de ciudades
$( '#ciudades' ).html( respuesta );
$(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();
//Nuevo codigo
// Lista de PaisesCiudades
$.post( 'ciudades.php', { provincia: $( '#provincias' ).val()} ).done(
function( respuesta )
{
$( '#ciudades' ).html( respuesta );
alert( 'Lista de ciudades ' + respuesta);
});
});
})
Espero te ayude amigo saludos.