Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rockstar Invisible

[Resolvido] Ocultar linha de tabela e pegar valor ComboBox

Por , em Javascript

Recommended Posts

Rockstar Invisible    0

Rockstar Invisible
Postado

Olá,

 

Tenho que modificar um sistema feito em JavaScript, porém nunca mexi com isso e estou com alguns problemas.

 

Eu fiz algo mais ou menos assim, mas que não está funcionando:

 

Função em JavaScript:

function Verifica(){
    var indexSelect = document.getElementById("cboExemplo").selectedIndex;
    var valueSelected = windows.cboExemplo.options[indexSelect].value;
    if(valueseSelected = "<Item da ComboBox>"){
        windows.celExemplo2.style.display = "none";
    }
    else{
        windows.celExemplo2.style.display = "";
    }
    
}

Linha onde está a ComboBox a ser verificada

<tr>    
  <td align="right">
    <strong>Célula 1: </strong>
  </td>   
  <td>       
     <select name="cboExemplo" id="cboExemplo" onchange="Verifica()"></select>   
  </td> 
</tr>

 

Linha a ser exibida caso o valor da ComboBox anterior seja o procurado:

<tr id="celExemplo" visible="false">
  <td align="right">
    <strong>Célula 2: </strong>
  </td>
  <td>
     <select name="cboExemplo2" id="cboExemplo2"></select>
  </td>
</tr>

 

 

Preciso deixar essa linha da tabela inicialmente oculta e só exibir se um determinado item for selecionado na primeira ComboBox(no caso, cboExemplo).

 

As duas linhas pertencem à mesma tabela.

 

Alguém sabe como que eu posso fazer isso? Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado 

<html>

<head>

<script type="text/javascript">

 

function Verifica(){

var indexSelect = document.getElementById("cboExemplo");

 

if(indexSelect.value == ""){

document.getElementById("celExemplo2").style.display = "none";

}

else{

document.getElementById("celExemplo2").style.display = "";

}

 

}

</script>

</head>

<body>

<form name="cadastro" action="agradecimento.html" method="post" onsubmit="return validaForm()">

<table width="40%" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000">

<tr>

<td align="right">

<strong>Célula 1: </strong>

</td>

<td>

<select name="cboExemplo" id="cboExemplo" onchange="Verifica()" style="width:100px">

<option value=""></option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

</select>

</td>

</tr>

 

<tr id="celExemplo2" style="display:none">

<td align="right">

<strong>Célula 2: </strong>

</td>

<td>

<select name="cboExemplo2" id="cboExemplo" onchange="Verifica()" style="width:100px">

<option value=""></option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

</td>

</tr>

 

</table>

</form>

 

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito