Slections
#1
Posted 22/11/2005, 22:04
Tipo eu tenho um formulário com um select
Ae:
<select name='s'
<option value='cocacola' >'cocacola</option>
<option value='cocacola2' >'cocacola2</option>
</select>
Ae tipo, se o usuário colocar na primeira opção, abre um outro selection, e se for na segunda, ele abre um outro selection diferente, do que se escolhe-se o primeiro, e assim sucessivamente.
Flou
#2
Posted 23/11/2005, 09:43
#4
Posted 23/11/2005, 15:06
<select name='s'> <option onblur="OpenSel(this);" value='cocacola'>cocacola</option> <option onblur="OpenSel(this);" value='cocacola2'>cocacola2</option> </select>
codigo
function OpenSel(What) { NAME = What.value; NAME.style.visibility="Visible"; }
divs
<div name="cocacola" id="cocacola" syle="Visibility: hidden;">COCA COLA</div> <div name="cocacola2" id="cocacola2" syle="Visibility: hidden;">COCA COLA2</div>
[]'s
#5
Posted 23/11/2005, 15:21
function OpenSel(What) {
NAME = What.value;
NAME.style.visibility="Visible";
}
</script>
<select name='s'>
<option onblur="OpenSel(this);" value='cocacola'>cocacola</option>
<option onblur="OpenSel(this);" value='cocacola2'>cocacola2</option>
</select>
<div name="cocacola" id="cocacola" syle="Visibility: hidden;">COCA COLA</div>
<div name="cocacola2" id="cocacola2" syle="Visibility: hidden;">COCA COLA2</div>
Nõa funfo...
#6
Posted 23/11/2005, 19:11
depois posto de novo
#7
Posted 23/11/2005, 21:21
- Coloque um onchange="OpenSel(this.value)" no select
- Na função, tire as duas linhas com NAME e coloque document.getElementById(What).style.display="block";
- Nas duas div's, troque o visibility='hidden' por display='none'
#8
Posted 23/11/2005, 22:07
<script>
function OpenSel(What) {
document.getElementById(What).style.display="block";
}
</script>
<select name='s' onchange="OpenSel(this.value)">
<option value='cocacola'>cocacola</option>
<option value='cocacola2'>cocacola2</option>
</select>
<div name="cocacola" id="cocacola" display="none">COCA COLA</div>
<div name="cocacola2" id="cocacola2" display="none">COCA COLA2</div>
Num mudo nada =/
#9
Posted 23/11/2005, 22:19
#10
Posted 23/11/2005, 22:29
E o script só roda se eu desabilitar o arato que aparece na imagem anexa, o que é isso?
Flou
Attached Files
#11
Posted 23/11/2005, 22:33
Sobre mostrar um e esconder o outro, veja o tópico.. é o que vc quer
http://forum.wmonlin...howtopic=134099
#12
Posted 23/11/2005, 22:43
var i = document.getElementsByTagName("div");
for(x=0;x<i.length;x++){
i.item(x).style.display="none";
}
Mas não funcionou, você pode me indicar onde e como coloco?
Flou
#13
Posted 23/11/2005, 22:53
#14
Posted 23/11/2005, 22:55
function OpenSel(What) {
document.getElementById(What).style.display="block";
}
</script>
<select name='s' onchange="OpenSel(this.value)">
<option value='cocacola'>cocacola</option>
<option value='cocacola2'>cocacola2</option>
</select>
<script>
var i = document.getElementsByTagName("div");
for(x=0;x<i.length;x++){
i.item(x).style.display="none";
}
</script>
<div name="cocacola" id="cocacola" style="display: none"><select name="sre"></select></div>
<div name="cocacola2" id="cocacola2" style="display: none"><select name="sre"></select></div>
O que ta errado?
#15
Posted 23/11/2005, 23:19
Colocando na mesma função, ele vai fazer assim..
Ao chamar a função, ele vai pegar todas as divs da página e vai deixar com display=none, ou seja, vai tirar o display das divs (vai sumir com elas). . Depois que todas forem "escondidas", o script vai mostrar só a div que vc quer.. para mostrar, ele vai usar a linha que vc já tinha..
Tente entender isso.. primeiro ele esconde tudo, depois ele só mostra a que vc quer.. Veja a ordem que vc deve colocar o script..
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)