Combo de Cidades e Estados em JavaScript
14/11/2010 por Karen Patricia
8 Comentários »
Vou ensinar pra vocês hoje uma forma bem simples de carregar o combo das cidades apartir do estado escolhido.
Primeiramente inclua entre as tags <head></head> o seguinte código.
<script type="text/javascript" src="http://cidades-estados-js.googlecode.com/files/cidades-estados-v0.2.js"></script>
<script type="text/javascript">
window.onload = function() {
new dgCidadesEstados(
document.getElementById('estado'),
document.getElementById('cidade'),
true
);
}
</script>
O arquivo JS vem direto do google e não é necessário baixa-lo. Porém caso queira baixar CLIQUE AQUI. Para quem optou por baixar substitua o caminho que está dentro do script em SRC pelo caminho dentro da pasta escolhida por você.
Este é o código HTML . Inclua este código dentro das tags <body></body>
Atenção os names dos inputs não podem ser trocados pois já estão pré-definidos dentro do arquivo JS.
<form method="post"> <fieldset> <label>Estado</label>:<select id="estado" name="estado"></select> <label>Cidade</label>:<select id="cidade" name="cidade"></select> </fieldset> </form>
Dúvidas ou Sugestões? Deixe seu comentário.
