Ir para conteúdo
Fórum Script Brasil
  • 0

Como popular mais de um select?!


Ðä20wëb

Pergunta

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>

Editado por Ðä20wëb
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Cara, posta sua dúvida mais específica !

Que dificuldades você tem ao tentar adaptar o código, como ficou o código depois da adaptação (mesmo sem funcionar)

O código já está aqui: http://www.criarweb.com/artigos/416.php

Tente modificar e poste aqui como ficou o novo código !

Link para o comentário
Compartilhar em outros sites

  • 0

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

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...