6 replies to this topic

[D!NE!-PET]

Olá Gostaria de Saber como faço para que dois select´s fiquem dependentes. Ou seja o segundo select só seja definido quando o primeiro já esteja selecionado.

Este é apenas um exemplo não é exatamete o uso:

  <select name = "materia"> 
     <option>Portugues</option>
     <option>Matematica</option>
     <option>Geografia</option>
  </select>

Quando fosse definido a materia apresentar o segundo select com os dados pertinentes a escolha do primeiro select
Se no primeiro select fosse escolhido o dados Portugues ficaria assim o segundo select.

<select name = "assuntos">
     <option>Verbos</option>
     <option>Acentuaçao</option>
     <option>Dicionário</option>
</select>

Se fosse escolhido Matematica no primeiro ficaria assim o segundo

<select name = "assuntos">
     <option>Multiplicacao</option>
     <option>Divisão</option>
     <option>Soma</option>
</select>

Ou a terceira opcao:

<select name = "assuntos">
     <option>mapas </option>
     <option>clima</option>
     <option>vegetacao</option>
</select>

Bem acho que consegui passar qual é o meu problema, se alguém puder me ajudar eu agardeço.
PS.: (pesquisei olhando os topicos para ver se não tinha nada disso antes pois nem para procurar pela pesquisa dava , pois não tenho a minima ideia de como ficaria.)

Até ++
D!NE!-PET

[ricardolapa]

cara to exatamante mesmo problema que vc !!!
EXATO !!!!
to de olho nesse topico, se descubrir como faz posto aki!!

[Klaus]

Existem n maneiras de se fazer isso, uma delas segue:

<select id="mew" onchange="altera(this.value);">
<option value="um">um</option>
<option value="dois">dois</option>
</select>

<select id="pikachu">

</select>

<script type="text/javascript">
function altera (valor) {
  document.getElementById("pikachu").options.length = 0;
  switch (valor) {
  case "um" :

    var o = document.createElement ("option");
    o.setAttribute ("value", "um um");
    var t = document.createTextNode ("um um");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "um dois");
    var t = document.createTextNode ("um dois");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "um tres");
    var t = document.createTextNode ("um tres");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);
   
    break;

  case "dois" :

    var o = document.createElement ("option");
    o.setAttribute ("value", "dois um");
    var t = document.createTextNode ("dois um");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "dois dois");
    var t = document.createTextNode ("dois dois");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "dois tres");
    var t = document.createTextNode ("dois tres");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);
   
    break;
   
  }
}
</script>

[LFPS]

Tenho uma tabela com os campos cidade e estado coloquei um cadastro em asp pchando as cidades e estados distintos, como poderia restringir as cidades do estados exemplo ao selecinar o estado do rio o outro select so aparecerá as cidades do estado do RJ.


Consigo fazer mas somente dando refresh o que deixa inviavel o form pois zera os outros capos. como fazer isso sem refresh

[Andreia Regina]

Te aconselho a fazer uma busca no forum de ASP, fui até lá e encontrei material. Aqui também tem, mas usando php: tópico php

topico asp

Bons estudos

Edição feita por: Andreia Regina, 23/05/2006, 08:21.

[arthurlucena]

Vim aqui só agradecer o posto do Klaus!

Como sempre salvando minha vida
Um código absurdamente útil e simples para estudar! Coisa linda de DOM!

Thanx!

[Ju Vargas]

Existem n maneiras de se fazer isso, uma delas segue:

<select id="mew" onchange="altera(this.value);">
<option value="um">um</option>
<option value="dois">dois</option>
</select>

<select id="pikachu">

</select>

<script type="text/javascript">
function altera (valor) {
  document.getElementById("pikachu").options.length = 0;
  switch (valor) {
  case "um" :

    var o = document.createElement ("option");
    o.setAttribute ("value", "um um");
    var t = document.createTextNode ("um um");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "um dois");
    var t = document.createTextNode ("um dois");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "um tres");
    var t = document.createTextNode ("um tres");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);
   
    break;

  case "dois" :

    var o = document.createElement ("option");
    o.setAttribute ("value", "dois um");
    var t = document.createTextNode ("dois um");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "dois dois");
    var t = document.createTextNode ("dois dois");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);

    var o = document.createElement ("option");
    o.setAttribute ("value", "dois tres");
    var t = document.createTextNode ("dois tres");
    o.appendChild (t);
    document.getElementById("pikachu").appendChild (o);
   
    break;
   
  }
}
</script>

Klaus, funcionou perfeitamente no IE, mas não no Firefox. Alguma sugestão?