[APORTE] Combos enlazados con JQuery y PHP

DenniX · #1 (**permalink**) 29/03/2012, 08:23

Otra vez por aqui, solo querida dejarles un pequeño aporte, si alguna vez se han estrujado la cabeza sobre como hacer combos en lazados, bueno este codigo de les puede ayudar:

<html>

Código HTML:

Ver original<select id="combo_paises">
<option>..Cargando paises</option>
</select>
 
<select id="combo_ciudades">
<option>Elija primero un pais</option>
</select>

Javascript

Código Javascript:

Ver original$(function(){
    //Cargar paises    
    $("#combo_paises").load("listar_paises.php");
 
    $("#combo_paises").change(function(){
        var pais_id=$(this).val();
        if(pais_id!=0){
            $("#combo_ciudades").html("<option>Cargando</option>");        
            var url="listar_ciudades_por_pais.php?country=" + pais_id;
            $("#combo_ciudades").load(url);
        }
    });
});

//listar_paises.php
<?php include_once("conexion.php"); ?>
<option value="0">Seleccione un pais</option>
<?php
$result = mysql_query("select * from Country");
while ($pais = mysql_fetch_object($result)) :
?>
<option value='<?php echo $pais->Code ?>'><?php echo $pais->Name ?></option>
<?php endwhile; ?>

Código PHP:

Ver original//listar_ciudades_por_pais.php
<?php include_once("conexion.php"); ?>
<?php 
$contrycode=$_GET['country'];
$query="select * from City where CountryCode='$contrycode' ";
$result = mysql_query("select * from Country");
while ($ciudad = mysql_fetch_object($result)) :
?>
<option  value='<?php echo $ciudad->Id ?>'><?php echo $ciudad->Name ?></option>
<?php endwhile; ?>

Creo que no hay mucho que explicar, de igual forma, el ejemplo funcionando esta acá

[URL="http://blog.dairdev.com/2012/03/jquery-y-php-combos-enlazados.html"]http://blog.dairdev.com/2012/03/jquery-y-php-combos-enlazados.html[/URL]