Posicionamento combobox de estados e cidades

[matheusmarson 0]

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

 

 

[quimera 13]

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.:

<!--PÁGINA DE CADASTRO-->

<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>






<!--PÁGINA DE EDIÇÃO-->

<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/

[matheusmarson 0]

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