Cargar un select según otro select

[Yaritzaa]

Buen día,

Lo que trato es Cargar el select de municipio según el select del departamento, ya he cargado el select de Departamento y obtengo su valor con el metodo OnChange pero no se cómo enviar ese valor al próximo ajax que me carga el select del municipio.

Podrían ayudarme por favor..!!! este es el código.

<form method="post" action="" name="frmPrincipal" id="frmPrincipal">
<section id="secPrincipal" align="center">
<table width="520" align="center">
<tr>
<td height="38"><label for="selDepartamento">Departamento : </label></td>
<td><select style="text-align:center;" name="selDepartamento" class="camposTexto" id="selDepartamento" title="El Departamento"></select></td>
</tr>
<tr>
<td height="38"><label for="selMunicipio">Municipio: </label></td>
<td><select style="text-align:center;" name="selMunicipio" class="camposTexto" id="selMunicipio" title="el Municipio"></select></td>
</tr>

</table>
</section>
</form>


y el js


$(function(){
habilitarCampoOffice();
try{
$.ajax({
url:'../controlador/departamento.cargar.php',
type:'POST',
dataType:'json',
data: null,

success: function (json) {

var exito = json.exito;
var mensaje= json.mensaje;
var contrDepartamento= $("#selDepartamento");


if(exito == 0){
alert(mensaje);
return false
}
contrDepartamento.empty();
contrDepartamento.append('<option value="">--SELECCIONE--</option>');

$('#selDepartamento').on('change',function(){
var valorDepartamento = $(this).val();
//alert(valorDepartamento);
});

$.each(json.departamentos,function(contador, fila){
contrDepartamento.append('<option value="' +fila.idDepartamento +'">' + fila.departamento + '</option>');
});

},error: function(xhr, opciones, error){
alert (error);
}
});

}catch (error){
alert(error);
}
});

[diurno10]

Veamos is te entiendo, vos necesitas que se cargue el combo de deptos y luego al seleccionar un depto te va a cargar en el segundo combo los municipios q pertenecen a ese depto?
Si es asi, xq no cargas el combo de deptos con php, y luego en el evento onchange haces la llamada al ajax q te va a traer los municipios correspondientes a ese depto.

[Yaritzaa]

Eso hago cargo el select de Departamento con PHP, pero no se como traerme los municipios correspondientes a ese Departamento... me enredo :(

[diurno10]

Ok en tu evento onchange que ya tenes desarrollado haces esto

Código Javascript:

$('#selDepartamento').on('change',function(){
    var valorDepartamento = $(this).val();
     var _urlform ='/tuurl/buscarmunicipios/';
    $.post(_urlform,{id:valorDepartamento},
        function(data){
             if(data){
                $('#selMunicipio').html(data);          
            }
        });
    });
 

tuurl/buscarmunicipios/' es el archivo php que filtra los municipios para el depto enviado "id:valorDepartamento", y el cual te va a devolver el contenido del combo

[Yaritzaa]

gracias Por su ayuda intentaré hacerlo para ver si logró encontrar el objetivo

[diurno10]

OK, cualquier complicacion, aca estamos !!! :)

[Yaritzaa]

Tengo una duda en la consulta de mysql como hago para que el entienda de debe consultar según el id del departamento