Uma das dúvidas mais comuns para quem está começando ajax é criar uma função que chame os estados e cidades nacionais. Pensando nisso, resolvi escrever uma biblioteca que resolva este problema , 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>
Estado: <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);
}