Apos selecionar a UF buscar o minicipio de acordo sem sair da tela
Mestres saudações,
Meu banco de dados de municipios brasileiros tem mais de 10 mil registros, entao para que o site nao fique lento eu preciso filtrar o municipio somente apos o usuario selecionar a UF, e sem sair da tela.
Segue meu script, nao sei fazer apos onchange.
Aparece a mensagem alert("Busca em desenvolvimento: + estado") corretamente
Agradeço alguma ajuda
<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="inputid_municipio">Municipio</label>
<br>
<?php
$filtro_municipios = $arquivo->prepare("SELECT id, nome_uf, nome_distrito,sigla_uf FROM municipios ORDER BY nome_distrito,nome_uf"); //WHERE sigla_uf='$estado'
$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>
</body>
<script>
function funcao_localizar_municipios(procurar) {
var estado = document.getElementById("estado").value;
if (estado ==''){
alert("campo em branco");
} else {
alert("Busca em desenvolvimento: + estado");
}
}
</html>Discussão (1)
Carregando comentários...