Apos selecionar a UF buscar o minicipio de acordo sem sair da tela

Jefferson andre · Abril 6, 2020

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>