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

Menu em Dropdown


Aldo Brasil

Pergunta

Pessoal, estou com um probleminha. Quero usar um menu em forma de Dropdown em meu site, de modo que ao escolher uma cidade, ele me mostra a escola. Ao selecionar a escola, gostaria que ele me levasse ao site da cuja dita. Só que não consigo.

Copiei o script exemplo de: http://javascript.internet.com/navigation/...opdown-box.html

Mas alterei ao meu gosto ficando assim:

<!-- dropdownBox.js -->

function populate(o) {
  d=document.getElementById('de');
  if(!d){return;}                 
  var mitems=new Array();
  mitems['Choose']=[''];
  mitems['Itarare']=['Selecione uma escola','EE Caetano Carbone','EE Dr. Herculano Pimentel','EE Heitor Guimarães Cortes'];
  mitems['Barao de Antonina']=['Selecione uma escola','EE Profª Sandra Regina Pires'];
  mitems['Bom Sucesso de Itarare']=['Selecione uma escola','EE Aparício Biglia Filho'];
  mitems['Coronel Macedo']=['Selecione uma escola','EE Antonio Tonon'];
  mitems['Itabera']=['Selecione uma escola','EE Doroty David Muzel','EE Maria Teresa S. Falçareli','EE Jardim Santa Inês'];
  mitems['Itaporanga']=['Selecione uma escola','EE Epitácio Pessoa'];
  mitems['Riversul']=['Selecione uma escola','EE Lázaro Soares'];
  d.options.length=0;
  cur=mitems[o.options[o.selectedIndex].value];
  if(!cur){return;}
  d.options.length=cur.length;
  for(var i=0;i<cur.length;i++) {
    d.options[i].text=cur[i];
    d.options[i].value=cur[i];
  }
}
No head:
<script type="text/javascript" src="includes/dropdownBox.js"></script>
E no body:
<form action="" method="get">
<label for="or">Cidade:</label>
<select name="or" id="or" onchange="populate(this)">
  <option value="Choose">Selecione uma cidade</option>
  <option value="Itarare">Itararé</option>
  <option value="Barao de Antonina">Barão de Antonina</option>
  <option value="Coronel Macedo">Coronel Macedo</option>
  <option value="Itabera">Itaberá</option>
  <option value="Itaporanga">Itaporanga</option>
  <option value="Riversul">Riversul</option>
</select>
<label for="de">Escola:</label>
<select name="de" id="de"></select>
<input type="submit" value="Ir!" />
</form>

O script funciona perfeitamente, só tem esse problema de não linkar. Alguém me ajuda?

Demo: http://www.pefitarare.com.br/index2.php

Editado por Aldo Brasil
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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...