Select Dinâmico De Estados e Cidades

Certo dia estava assim com preguiça sem tempo para construir ou pensar em uma função para um select de estados e cidades, então fui no nosso amigo Google e dei uma pesquisada sobre o assunto,  até achar essa encrivel biblioteca que veio prontinha e é super fácil de usar usa ajax e nem precisa se preocupar com o BD, além de estar disponível em uma única URL (hospedado no google) no qual qualquer um pode utilizar. Assim, o usuário guarda em cache apenas um arquivo, e se o usuário passar em um site que chama a biblioteca, no próximo site que ele entrar e usar a biblioteca de novo, carregará o arquivo em cache e não precisará fazer o download de novo.

Sua instalação se dá em três passos bem simples:

1. Coloque o seguinte texto em seu HTML:

Estado: <select id=”estado” name=”estado”></select>
Cidade: <select id=”cidade” name=”cidade”></select>

2. Faça a chamada para o script dentro de suas tags Head.

<script type=”text/javascript” src=”http://cidades-estados-js.googlecode.com/files/cidades-estados-v0.2.js”></script>
3. Coloque estas três linhas de javascript dentro de seu código javascript.

window.onload = function() {
new dgCidadesEstados(document.getElementById(‘estado’), document.getElementById(‘cidade’), true);

Link do arquivo no google com mais informações: Veja Aqui

Link de um Demo: Veja Aqui

Link do Site do Autor: Veja Aqui