Ajax Combos

Um das aplicações mais comuns do mundo: você seleciona seu estado e a lista de cidades é atualizada automaticamente.

Talvez isso seja útil[bb] para alguém: https://elcio.com.br/ajax/combos/

Ajax, Javascript

Publicado por

Elcio

Elcio é sócio fundador da Visie Padrões Web. Pioneiro no uso e divulgação dos padrões do W3C no Brasil, Elcio já treinou equipes de dezenas de empresas como Globo.com, Terra, Petrobras, iG e Locaweb. Além disso, tem dirigido as equipes da Visie no desenvolvimento de projetos web para marcas como Brastemp, Itaú Unibanco, Johnson & Johnson e Rede Globo.

23 comentários em “Ajax Combos”

  1. Bom consegui fazer o scritp ajax.php pegar as cidades de meu BD, porem estou com 2 problemas, ao colocar uma virgula no codigo a mesma vai repetindo e sobra no final, quero tirar esta ultima não sei como, e a outra é sobre os caracteres que no meu BD estão assim ‘Uberlândia’ e não ‘Uberl%E2ndia’ só dependo disso para o ajax.php funcionar com o BD, ou então me envie o seu para vermos como funciona…

  2. Elcio, mto obrigado, sua ajuda foi de muita valia porem tb preciso do ajax.php pra entender direito o q ele ta fazendo pra eu poder transcrever pra um arquivo.jsp…. grato Rodrigo.

  3. Olá Élcio,
    Você poderia me enviar os arquivos fontes desse combo? Não consigo fazer funcionar… Criei um Ajax.php igualzinho ao seu, mas, na hora dele listar as cidades, dá erro. Não sei o que acontece.
    Obrigado.

  4. Elcio, gostei muito do seu artigo sobre combobox.
    Só que não entendi uma coisa. Eu preciso criar arquivos separados para as cidades? Onde coloco esses arquivos?
    Vc pode me ajudar?
    Obrigado

  5. Código muito bom, mas Elcio você poderia me mandar o “ajax.php”, pois busquei na internet sobre JSON e eval mas não consegui entender o que o ajax.php está fazendo.
    Abraço.

  6. Caro Elcio,
    Antes de tudo, meus parabens por todas as dicas de AJAX. Caro amigo, estou tentando rodar esta aplicação em ASP mas não cosigo pegar o arquivo AJAX.PHP ou saber como estao disponibilizadas as cidades para efetuar a pesquisa, poderia me mandar?

    Desde já, muito grato
    Wellington Marinheiro

  7. Ou muito bom baixei alguns aqui e naum funciona de maneira nenhuma tentei ler um tuto e naum consegui, se tiver como manda esse script pra mim muito util.
    valeu

  8. Caro Elcio, parabéns pelo artigo simples e objetivo sobre XMLHttpRequet (http://www.tableless.com.br/artigos/ajaxdemo/).

    Fiquei curioso: o que levou você a dizer no artigo “embora eu odeie PHP”?

    Desenvolvo em JSP e PHP e fiquei me surpreendi ao ver uma linguagem com tantos recursos como o PHP ser mal vista. Imagino que na época em que você escreveu o artigo o PHP ainda não estava na versão 5.

    []s

  9. ae,
    Gostei um monte do script do combo, só queria saber sobre um probleminha que estou tendo…
    No meu banco de dados a palavra está ‘Uberlândia’ e não ‘Uberl%E2ndia’… e da erro no javascript.. tem algum script para tratar ou alguma solução para que nao tenha que utilizar o ASCII Hex?

    Att.
    Diego

  10. Cara, parabéns pelo artigo,
    inclusive eu andei dando uma olhada no código fonte do gamail pra ver se entendia alguma coisa, mas não é nada fácil.
    seu artigo está bem explicado, com certeza me ajudará e ajudará a muitos.
    Um abraço.

  11. Élcio, fiz os script que mostra as cidades e tentei usar a função do exemplo. Beleza – alias quase, pois alguns estados ele não monta a lista do select de cidades. O que mais me incomoda é que quando acesso o arquivo ajax.php?uf=AL a lista da cidades tá lá numa boa.

    Já usei: contet-type: text/plain e outros e nada. E se eu mudar a exibição do nome da cidade para o id da cidade funciona numa boa.

    O que será que tá errrado?

    Ps.: inclussive copie/colei para ver se era erro de digitação e nada…

    Valeu.

  12. Po Elcio mas por que você insiste em reinventar a roda e fazer uma chamada direta pelo xmlhttprequest do que usar um biblioteca que ja trata browsers e tudo mais como o dojo, prototype ou moo.fx?

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *