Ðä20wëb
-
Total de itens
3 -
Registro em
-
Última visita
Posts postados por Ðä20wëb
-
-
Eu, em muito graças ao fórum scriptbrasil, já consegui criar um select dinâmico que se popula ao clicar num select anterior. Mas agora tenho mais dúvidas, gostaria de, apartir deste select já preenchido dinâmicamente popular outro. Tenho esse código abaixo que tentei modificar pra fazer o que quero, mas não consigo. Alguém pode dar uma olhada!?
<html><head>
<title>Popular 'Select'</title>
</head>
<body>
<form name="f1">
<select name=pais onchange="muda_estado()">
<option value="0" selected>Selecione...
<option value="1">Espanha
<option value="2">Brasil
<option value="3">Portugal
<option value="4">França
</select>
<select name=estado onchange="muda_bairro()">
<option value="0">-
</select>
<select name=bairro>
<option value="0">-
</select>
</form>
<script>
//define os arrays
var estados_0=new Array("-")
var estados_1=new Array("-","Andalucía","Asturias","Baleares","Canarias","Castilla y León","Castilla-La Mancha","...")
var estados_2=new Array("-","Rio de Janeiro","Bahia","São Paulo","Santa Catarina","Minas Gerais","...")
var estados_3=new Array("-","Algarve","Alentejo","Norte","Vale do Tejo","...")
var estados_4=new Array("-","Aisne","Creuse","Dordogne","Essonne","Gironde ","...")
var bairros_0=new Array("-")
var bairros_1=new Array("-","Bairro1","Bairro2","Bairro3","Bairro4","...")
var bairros_2=new Array("-","Bairro1","Bairro2","Bairro3","Bairro4","...")
var bairros_3=new Array("-","Bairro1","Bairro2","Bairro3","Bairro4","...")
var bairros_4=new Array("-","Bairro1","Bairro2","Bairro3","Bairro4","...")
//funcao que popula o select
function muda_estado(){
var pais =document.f1.pais[document.f1.pais.selectedIndex].value;
meus_estados=eval("estados_" + pais);
document.f1.estado.length = meus_estados.length;
for(i=0;i<meus_estados.length;i++){
document.f1.estado.options.value=meus_estados;
document.f1.estado.options.text=meus_estados;
}
document.f1.estado.options[0].selected = true
}
function muda_bairro(){
var estado =document.f1.estado[document.f1.estado.selectedIndex].value;
meus_bairros=eval("bairros_" + estado);
document.f1.bairro.length = meus_bairros.length;
for(j=0;j<meus_bairros.length;i++){
document.f1.bairro.options.value=meus_bairros[j];
document.f1.bairro.options.text=meus_bairros[j];
}
document.f1.bairro.options[0].selected = true
}
</script>
</body>
</html>
-
Muito boa essa dica, já usei e já toh passando à diante!
Como popular mais de um select?!
em Ajax, JavaScript, XML, DOM
Postado
Vou tentar...
A primeira parte funciona, quando eu clico no País o select de estado se preenche, mas quando eu clico no select estado já preenchido o do bairro não preenche, não muda em nada, pode me ajudar?!
desde já um bração!
vlw e fuizzz