Código Javascript :
<script language="javascript"> $(document).ready(function(){ // Parametros para e combo1 $("#combo1").change(function () { $("#combo1 option:selected").each(function () { //alert($(this).val()); elegido=$(this).val(); $.post("combo1.php", { elegido: elegido }, function(data){ $("#combo2").html(data); $("#combo3").html(""); }); }); }) // Parametros para el combo2 $("#combo2").change(function () { $("#combo2 option:selected").each(function () { //alert($(this).val()); elegido=$(this).val(); $.post("combo2.php", { elegido: elegido }, function(data){ $("#combo3").html(data); }); }); }) }); </script>
Y lo llamo de esta manera:
Código PHP :
<select name="combo1" id="combo1"> <option value='0'>Selecciona una Ciudad...</option> <?php include ('../conexiones/conexion.php'); $ciudad=mysql_query("select distinct ciudad from barrios order by ciudad");//distinct para obtener los ciudades sin repetirse while($p=mysql_fetch_assoc($ciudad)){ echo "<option value=\"$p[ciudad]\" "; echo ">$p[ciudad]</option>"; } mysql_free_result($ciudad); mysql_close(); ?> </select> <select name="combo2" id="combo2" > <option value='0'>Selecciona un Barrio...</option> </select> <select name="combo3" id="combo3"> <option value='0'>Comuna</option> </select>