Haz lo siguiente:
Entra a la url
http://www.dosideas.com/noticias/1-j...y-cascade.html
Descargate la demo, es solo para que tengas las librerias.
Donde dice "DESCARGAR EJEMPLO" haz clik sobre este enlace
"descargar el ejemplo completo de JQuery Cascade"
Descomprime el rar
Busca la carpeta "jquery" y tan solo ponla en el mismo directorio donde pondras tus dos archivos de la consulta.
Ahora te paso los dos archivos, reformados, de la consulta.
NOTA: No te olvides de ponerle a los dos archivos la conexion a la bace de datos ya que quite
include("config.php") debido a que no sabia si era tu coneccion
Este sera tu archivo principal,
llamalo como desees pero que sea un "
php" no html:
El primer codigo:
Código PHP:
<!-- fijate que aqui carga la libreria que hay dentro de la carpeta jquery-->
<!-- son como ves 4 archivos (como funcionan estos no importa, es para ingenieros) -->
<script src="jquery/jquery.js" type="text/javascript"></script>
<script src="jquery/jquery.cascade.js" type="text/javascript"></script>
<script src="jquery/jquery.cascade.ext.js" type="text/javascript"></script>
<script src="jquery/jquery.templating.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function cargarProvincias(){
$('#provinciaId').html('<option selected>Cargando</option>');
var idPais= $('#pais').val();
var toLoad= 'verifica.php?pais='+ idPais ;
$.post(toLoad,function (responseText){
$('#provinciaId').html(responseText);
});
}
function cargarLocalidades(){
var idPcia = $('#provinciaId').val();
var toLoad= 'verifica.php?pcia='+ idPcia ;
$.post(toLoad,function (responseText){
$('#mostrarLocalidad').html(responseText);
});
}
</script>
<?php
//PON AQUI TU CONECCION A LA BASE DE DATOS DONDE TIENES TUS DOS TABLAS
//mysql_connect("localhost","root","1234");
//yo la tenia dentro de la base de datos "prueba2"
//mysql_query("use prueba2;");
//primer consulta
$paises=mysql_query("SELECT * FROM paises;");
?>
<select name="pais" id="pais" onchange="cargarProvincias();" />
<option value="null">Selecciona un pais</option>
<?
while($row=mysql_fetch_assoc($paises)){
print '<option value="'.$row['id'].'" >'.$row['pais'].'</option>';
}
?>
</select>
<select name="provincia" id="provinciaId" onchange="cargarLocalidades();" />
<option value="null">Selecciona una provincia</option>
</select>
<div id="mostrarLocalidad"></div>
<!-- fin del primer script -->
El segundo codigo:
Este sera tu archivo de verificacion, llamalo: verifica.php
El codigo:
Código PHP:
//PON AQUI TU CONECCION A LA BASE DE DATOS DONDE TIENES TUS DOS TABLAS
//mysql_connect("localhost","root","1234");
//yo la tenia dentro de la base de datos "prueba2"
//mysql_query("use prueba2;");
if($_GET['pais'] != ""){
$pais= $_GET['pais'];
$provincias=mysql_query("SELECT * FROM estados WHERE relacion='".$pais."'");
echo '<option value="">Elija una provincia</option>';
while( $row= mysql_fetch_assoc($provincias)){
echo '<option value="'.$row['id'].'">'.$row['estado'].'</option>';
}
}
if($_GET['pcia'] != ""){
//AQUI SE HARIA UNA CONSULTA A LA TABLA LOCALIDADES
echo "<p />ID recibida: ".$_GET['pcia']."<p />";
echo "<p />Por el momento no hay localidades en la base de datos...";
echo "<p />Una vez instaladas, se podran recuperar desde verifica.php";
echo "<p />Configurando en dicho archivo, las consultas pertinentes...<p />";
}