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>
