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);
}
});