$(document).ready(function(){
$('#estados_visa').on('change', function(){
var distritos= $('#estados_visa').val();
console.log(distritos)
$.ajax({
type:'POST',
url: 'cargar_distritos.php',
data:{dato1: distritos}
})
.done(function(lista_rep){
$('#distritos_visa').html(lista_rep);
})
.fail(function(){
alert('error al cargar las listas');
});
})
});
This is my carga_distritos
function getListDis(){
$con = getCon();
$id = $_POST['dato1'];
$query = "SELECT commerce_brand, commerce_region, commerce_district FROM commerc WHERE commerce_region = $id GROUP BY commerce_district ORDER BY commerce_district, commerce_region";
$result = $con->query($query);
$listas_distritos = '<option value="">Elige una opcion</option>';
$listas_distritos .= '';
while($row = $result->fetch_array(MYSQLI_ASSOC)){
$listas_distritos .= "<option value='$row[commerce_region]'>$row[commerce_district]</option>";
}
return $listas_distritos;
}