Publicado em 26 de abr.

Posicionamento combobox de estados e cidades

#javascript #ajax #combobox #jquery

Olá a todos.

Estou com um problema para posicionar um combobox populado com cidades via ajax em uma determinada cidade.

As situação é a seguinte:

Tem 2 combobox um para estados e outro para cidades ambos populados via ajax com dados do BD

o combo estado carrega todos os estados que estão cadastrados no BD. Até aí blz!

O combo cidades vai carregar as cidades do BD que correspondem a escolha da o estado no combo de estados.

Blz funcionando perfeito

Ocorre que para realizar alterações de dados dos usuários preciso posicionar estes 2 combos já nos valores que foram cadastrados no momento do cadastro, ou seja se o usuário se cadastro como estado de São paulo e cidade de Bauro por exemplo os combos deveriam ser posicionados nestes valores

Na página de atualização após carregar os campos com as funções de carregamento que criei em ajax fui posicionar via jquery da seguinte forma:

	$("#estados").val($variavel_que_pega_estado_BD); 

	aqui funcionou perfeito! Posicionou o combo;

	 

	$("#cidades").val($variavel_que_pega_cidade_BD);

	Aqui já não posicionou!

	 

	Alguém saberia me dizer o porque?

	Teria que dar algum refresh no combo cidade após ele receber os dados via ajax?

	 

	Desde já muito obrigado

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

quimera· 26 de abr.

Bom, primeiro eu não faria dessa forma, pois é chato demais escolher o Estado e depois a cidade, o melhor é você fazer um auto-complete em um input tipo texto, e a pessoa vai digitando o nome e vai aparecendo as cidades parecidas (filtrando), daí ele seleciona somente uma e você vai salvar somente o ID da cidade em questão na tabela do usuario. Já na requisição no banco para alteração faria basicamente a mesma coisa, só que você vai carregar a cidade buscando o ID da tabela de usuários e coloca no input somente o nome, e em um oculto coloca o valor do ID.

ex.:

<script>
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //PRA DEIXAR CLARO!
 $(function(){
 $("#cidade").auto_preenchimento(fucntion(){
 $("#cidade-id").val(id_dessa_cidade);
 });
 });
</script>
<form>
	<input type="text" name="nome" value="" />
	<input type="text" id="cidade" name="cidade" value="" />
 <input type="hidden" name="cidade-id" value="" />
</form>

<script>
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //CÓDIGO FICTÍCIO (NÃO FUNCIONA)
 //PRA DEIXAR CLARO!
 $(function(){
 $("#cidade-id").pega_valor(fucntion(){
 //faz o ajax no PHP pra achar o nome
 $("#cidade").val(nome_da_cidade);
 });
 });
</script>
<form>
	<input type="text" name="nome" value="Quimera das Tantas" />
	<input type="text" id="cidade" name="cidade" value="Nome da Cidade - UF" />
 <input type="hidden" name="cidade-id" value="15" />
</form>

	modelo: 

	[https://jqueryui.com/autocomplete/](https://jqueryui.com/autocomplete/)

	![imagem](https://forum.imasters.com.br/monthly_2017_04/img.png.820fb1c004fe2959c4668feafcb39e27.png)

matheusmarson· 26 de abr.

Olá quimera

Realmente uma idéia bem interessante

Vou ver aqui pra implementar

Mas acho que irei necessitar pelo menos para este cliente que funcione com os 2 combox