Show / Hide Tr Mediante O Valor Seleccionado De Uma Listmenu

carla jesus · Agosto 24, 2007

Oi

Precisava de ajuda para o seguinte caso, tenho uma list/menu e mediante o campo escolhido pelo utilizador, surge um tr ou outro tr, por exemplo:

o codigo da listamenu é:

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

<option value="0">bebida</option>

</select>

se a opçao for com o value 1 aparece o seguinte tr

<tr>

<td> voce escolheu a opçao comida</td>

</tr>

se a opçao do utilizador for a que contem o value 0, surge o seguinte tr

<tr>

<td> voce escolheu a opçao bebida</td>

</tr>

mas agora não sei como vou fazer post do valor da option e como digo ao tr que deve aparecer mediante certo valor, não consigo encontrar uma solução em javascript para não estar a fazer refresh à pagina

será que me podiam ajudar?

obgd!

Editado Agosto 24, 2007 por carla jesus

fercosmig · Agosto 24, 2007

exemplo ae:

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function Exibe(valor){
    if (valor == 0){
        document.getElementById('bebida').style.display = 'inline';
        document.getElementById('comida').style.display = 'none';
    }else{
        document.getElementById('bebida').style.display = 'none';
        document.getElementById('comida').style.display = 'inline';
    }
}
//-->
</script>

</head>
<body>
<select name="tipo" id="tipo" class="input" onChange="Exibe(this.value)">
<option value="" selected="selected">Escolha...</option>
<option value="1">comida</option>
<option value="0">bebida</option>
</select>
<table border="1">
<tr id="comida" style="display: none;">
<td> voce escolheu a opçao comida</td>
</tr>

<tr id="bebida" style="display: none;">
<td> voce escolheu a opçao bebida</td>
</tr>
</table>
</body>
</html>

Entrar

Show / Hide Tr Mediante O Valor Seleccionado De Uma Listmenu

Pergunta

carla jesus

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades