hi, I am having a problem when I try to join more than 3 selects in jquery.
I have many select that have to work one after the other. I get to fill region, estado, municipio, but
after I select the item in municipio, ciudad and parroquia are ever empty
I have this:
…
sms_supervisor_estado.php
<?php
require("./gecoweb.inc");
include("./class/Zip.class");
$Zip = New Zip();
// se muestra el listBox de municipios
$res_estados = $Zip->LBEstadosxregion($_POST["pregion"]);
echo $res_estados;
?>
sms_supervisor_municipio.php
<?php
require("./gecoweb.inc");
include("./class/Zip.class");
$Zip = New Zip();
// se muestra el listBox de municipios
//echo "<br>Pasando ".$_POST["elegido"];
$res_municipio = $Zip->LBMunicipios($_POST["pestado"]);
echo $res_municipio;
?>
sms_supervisor_parroquia.php
<?php
require("./gecoweb.inc");
include("./class/Zip.class");
$Zip = New Zip();
//$res_parroquia = $Zip->LBParroquia($_POST["pmunicipio"]);
//echo $res_parroquia;
echo "<option>--Select--</option>
<option>USA</option>
<option>AUSTRALIA</option>
<option>FRANCE</option>";
?>
sms_supervisor_ciudad.php
<?php
require("./gecoweb.inc");
include("./class/Zip.class");
$Zip = New Zip();
$res_ciudad = $Zip->LBCiudad($_POST["pmunicipio"]);
echo $res_ciudad;
?>
…
<script language="javascript">
$(document).ready(function(){
// Parametros para e estado
$("#region").change(function () {
$("#region option:selected").each(function () {
//alert($(this).val());
pregion=$(this).val();
$.post("sms_supervisor_estado.php", { pregion: pregion }, function(data){
$("#estado").html(data);
$("#municipio").html("");
$("#parroquia").html("");
$("#ciudad").html("");
});
});
})
$("#estado").change(function () {
$("#estado option:selected").each(function () {
//alert($(this).val());
pestado=$(this).val();
$.post("sms_supervisor_municipio.php", { pestado: pestado }, function(data){
$("#municipio").html(data);
$("#parroquia").html("");
$("#ciudad").html("");
});
});
})
$("#municipio").change(function () {
$("#municipio option:selected").each(function () {
alert($(this).val());
pmunicipio=$(this).val();
$.post("sms_supervisor_parroquia.php", { pmunicipio: pmunicipio }, function(data){
$("#ciudad").html("");
$("#parroquia").html("data");
});
});
})
});
</script>
…
this is the html:
<form id="myForm" action="asignacion_zip.php" method="post">
<?
//echo "<select name='ciudad' id='ciudad' class=frm >".$Zip->LBCiudad("5|2")."</select>";
$regiones=$Zip->LBRegiones($_POST['region']);
headertab("Zonas"," ");
fila();
col("Region");
fincol();
col($regiones);
fincol();
finfila();
fila();
col("Estado");
fincol();
col("<select name='estado' id='estado' class=frm></select>");
fincol();
finfila();
fila();
col("Municipio");
fincol();
col("<select name='municipio' id='municipio' class=frm></select>");
fincol();
finfila();
//echo "<br>Prueba :".$Zip->LBEstadosxregion("1");
//echo "<br>Prueba :"."<select name='ciudadn' id='ciudadn' class=frm >".$Zip->LBParroquia("5 |2")."</select>";
fila();
col("Parroquia");
fincol();
col("<select name='parroquia' id='parroquia' class=frm ></select>");
fincol();
finfila();
fila();
col("Ciudad");
fincol();
col("<select name='ciudad' id='ciudad' class=frm ></select>");
fincol();
finfila();
fila();
colm("");
fincol();
col("<button id='sub' class=boton class=frm >Procesar</button>");
fincol();
finfila();
fintabla();
echo "<input type=hidden name=agencia value='".$agencia."'>";
?>
</form>
…