Ao selecionar a UF atualizar os municipios
Saudacoes,
tenho a seguinte situacao aqui: quando o cliente selecionar a UF os municipios sejam filtrados de acordo, gostaria de usar ajax mas nao estou conseguindo.
Segue os trechos:
<html>
<body>
<div class="form-group col-md-2">
<label for="inputestado">Estado</label>
<select class="custom-select" name="estado" id="estado" onchange="funcao_localizar_municipios()">
<option value="AC">AC</option>
<option value="AL">AL</option>
<option value="AM">AM</option>
<option value="AP">AP</option>
<option value="BA">BA</option>
<option value="CE">CE</option>
<option value="DF">DF</option>
<option value="ES">ES</option>
<option value="GO">GO</option>
<option value="MA">MA</option>
<option value="MT">MT</option>
<option value="MS">MS</option>
<option value="MG">MG</option>
<option value="PA">PA</option>
<option value="PB">PB</option>
<option value="PR">PR</option>
<option value="PE">PE</option>
<option value="PI">PI</option>
<option value="RJ">RJ</option>
<option value="RN">RN</option>
<option value="RO">RO</option>
<option value="RS">RS</option>
<option value="RR">RR</option>
<option value="SC">SC</option>
<option value="SE">SE</option>
<option value="SP">SP</option>
<option value="TO">TO</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="inputNome">Municipio</label>
<br>
<?php
$filtro_municipios = $arquivo->prepare("SELECT id, nome_uf, nome_distrito,sigla_uf FROM municipios WHERE sigla_uf='$estado' ORDER BY nome_distrito,nome_uf");
$filtro_municipios->execute();
//print_r($filtro_clientes);
?>
<select class="custom-select col-md-12" name="id_municipio" id="id_municipio">
<option value="">Clique para selecionar</option>
<?php
while ($municipios = $filtro_municipios->fetch()) {?>
<option value="<?php echo $municipios['id'] ?>" ><?php echo $municipios['nome_distrito']." - ".$municipios['nome_uf'];?> </option>
<?php
}
?>
</select>
</div>
<script>
function funcao_localizar_municipios(procurar) {
var xestado = document.getElementById("estado").value;
alert("Busca em desenvolvimento: " + x);
document.getElementById("estado").style.background = "red";
if (xestado != "") {
$.ajax({
url: 'ajax-db-search_estado.php',
method: 'POST',
data: {xestado:xestado},
success: buscar_municipios(data){
$('#output').html(data);
$('#output').css('display', 'block');
$("#estado").focusout(buscar_municipios(){
$('#output').css('display', 'none');
});
$("#estado").focusin(buscar_municipios(){
$('#output').css('display', 'block');
});
}
});
} else {
$('#output').css('display', 'none');
}
}
</script>
</body>
</html>
ajax-db-search_estado.php
<?php
require_once "conexao_dbo.php";
$estado = $_POST['query'];
echo $estado;
if (isset($_POST['query'])) {
$filtrar_municipios = $arquivo->prepare("SELECT * FROM municipios WHERE sigla_uf LIKE '{$_POST['query']}%' ORDER BY nome_distrito LIMIT 1000");
$filtrar_municipios->execute();
if($filtrar_municipios->rowCount()>0) {
foreach($filtrar_municipios->fetchAll() as $filtro_estados{
echo $filtro_estados['sigla_uf']." - ".$filtro_estados['nome_uf']." - ".$filtro_estados['nome_distrito']."<br/>";
}
} else {
echo "<p style='color:red'>Nenhuma informacao encontrada...</p>";
}
}
?>Discussão (1)
Carregando comentários...