Jump to content


Photo

Jump Menu Bloqueando Option Value


  • Faça o login para participar
1 reply to this topic

#1 agahb

agahb

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Feminino
  • Localidade:bsb

Posted 01/10/2010, 09:50

Olá queridos amigos do Webmasters! to com esse Jump Menu aqui, com a pulga atrás da orelha...

DESSA maneira ele funciona e mostra a tag <tr> que quero...

<select name="departamento" class="style11" id="departamento" onChange="MM_jumpMenu('parent',this,0)">
                  <option value="#">Selecione</option>
                  <option value="#">--------------------------</option>
                  <option value="javaScript:profas(1);">G3 (Maternal)</option>
                  <option value="javaScript:profas(2);">G4 (Jardim I)</option>
                  <option value="javaScript:profas(3);">G5 (Jardim II)</option>

como eu faria para resgatar a <option value="texto que eu quiser"> e ter uma outra alternativa dele entender que eu quero visualizar uma <tr>? A "option value" é pra eu enviar pro meu email informações necessárias...


Eu queria que ficasse algo assim, mas num vai NEM F...



<javascript>
function profas(numero){

var op1 = document.getElementById('trprofas1');
var op2 = document.getElementById('trprofas2');
var op3 = document.getElementById('trprofas3');


if (numero == 0){
op1.style.display = 'none';
op2.style.display = 'none';
op3.style.display = 'none';
}else if (numero == 1){
op1.style.display = 'block';
op2.style.display = 'none';
op3.style.display = 'none';
}else if (numero == 2){
op1.style.display = 'none';
op2.style.display = 'block';
op3.style.display = 'none';
}else if (numero == 3){
op1.style.display = 'none';
op2.style.display = 'none';
op3.style.display = 'block';
}
</javascript>

<body>
<form name="qualquer">
  <select name="departamento" class="style11" id="departamento" onChange="MM_jumpMenu('parent',this,0)">
                  <option value="#" onClick="profas(0)">Selecione</option>
                  <option value="#" onClick="profas(0)">--------------------------</option>
                  <option value="G3 (Maternal)" onClick="profas(1)">G3 (Maternal)</option>
                  <option value="G4 (Jardim I)" onClick="profas(2)"> (Jardim I)</option>
                  <option value="G5 (Jardim II)" onClick="profas(3)">G5 (Jardim II)</option>
</select>


<tr id="trprofas1" style="display:none;" > texto </tr>
<tr id="trprofas2" style="display:none;" > texto </tr>
<tr id="trprofas3" style="display:none;" > texto </tr>



ps.: li num forum que o IE não aceita onClick em campos selects...

já tentei o onChange também... mas nada... sempre a página cai em outra ao invés de mostrar a <tr> hide... :(

Edição feita por: agahb, 30/09/2010, 18:45.


#2 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 01/10/2010, 11:48

Você já tentou usar Jquery...?
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq