Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal!
Então galera, estou enfrentando alguns desafios aqui no trabalho e preciso muito da ajuda de vcs.
Estou tendo que construir o site da empresa aqui, e estou fazendo um pequeno formulário de cadastro.
A empresa é Franco-Brasileira e por isso nos campos de País há Brasil, França e outros.
Preciso que quando a pessoa escolha Brasil ou França, no campo estado carregue todos os estados referentes ao país escolhido.
Já tentei procurar na internet exemplos, mas só encontrei em AJAX e todos não foram bem explicativos.
Se alguém puder dedicar uns minutos pra me explicar tanto em JavaScript ou AJAX mesmo, eu agradeço muito!
Obrigado
O código abaixo mostra a lógica de como fazer algo parecido
<html>
<head>
<script type="text/javascript">
var x = new Array("","---");
var Brasil = new Array("Acre","Alagoas","Amapá","Amazonas","Bahia","Ceará","Distrito Federal","Goiás","Espírito Santo","Maranhão","Mato Grosso","Mato Grosso do Sul","Minas Gerais","Pará","Paraiba","Paraná","Pernambuco","Piauí","Rio de Janeiro","Rio Grande do Norte","Rio Grande do Sul","Rondônia","Roraima","São Paulo","Santa Catarina","Sergipe","Tocantins");
var Argentina = new Array("Buenos Aires","Chaco","Catamarca","Chubut","Córdoba","Corrientes","Entre Ríos","Formosa","Jujuy","La Pampa","La Rioja","Mendoza","Misiones","Neuquén","Río Negro","Salta","San Juan","San Luis","Santa Cruz","Santa Fe","Santiago del Estero","Tierra del Fuego","Tucumán");//Outra opção é deixar a primeira opção em branco. Exemplo:
//var Argentina = new Array("","Cidade de Buenos...
function loadList(v) {
var objSpan1 = document.getElementById("estado");
var listaEscolhida = eval(v);if (listaEscolhida==x) {
objSpan1.style.display = "none"; objSpan1.style.display = "block";
}document.form1.sEstado.options.length = listaEscolhida.length;
for (i=0; i<listaEscolhida.length; i++) {
document.form1.sEstado.options[i] = new Option(listaEscolhida[i], listaEscolhida[i]);
}
}
function resetLists() {
loadList("x");
document.form1.sPais.options[0].selected = true;
}
window.onload = resetLists;
</script>
</head>
<body>
<form name="form1" method="post" action="echo_post.php">
País: <select name="sPais" onchange="loadList(this.value)" size="1">
<option value="x" selected></option>
<option value="Argentina">Argentina</option>
<option value="Brasil">Brasil</option>
</select>
<span id="estado">
<br><br>Estado:
<select name="sEstado" size="1">
</select>
</span>
</form>
</body>
</html>
Você já implementou com ajax a busca dos estados conforme o pais selecionado?