Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Luigi Roza

Como preencher combobox com JavaScript

Por , em Javascript

Recommended Posts

Luigi Roza    0

Luigi Roza
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

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";
}else{
	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>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito