toniko Postado Julho 1, 2011 Denunciar Share Postado Julho 1, 2011 Olá, tudo bem?Estou co um problema no meu código javascript para esconder e mostrar div usando selects.O Código:<script language=javascript type='text/javascript'> function mostra(id) {var aparece = document.getElementById(id); aparece.style.display = "block"; }function esconde(id){var aparece = document.getElementById(id); aparece.style.display = "none"; } </script>E o select: <tr> <td height='45'>Material:</td> <td ><div class='input_contato'> <select class='input_contato2' name='material' id=name='material'> <option value='' selected onclick=\"esconde('mat1');esconde('mat2');\"> </option> <option value='Sim' onclick=\"esconde('mat1');esconde('mat2');\">1010</option> <option value='Outros' onclick=\"mostra('mat1');mostra('mat2');\">Outros</option> </select></div> </td> <td height='45' > <div id='mat1' style='display:none;'>Outros:</div> </td> <td ><div id='mat2' style='display:none;'> <input type='text' class='input_contato2' /> </div> </td>Ele até que funciona bem no FireFox, mas ele não funciona no IE8 e no IE6.Poderiam me ajudar a arrumar ou se possivel me sugerirem um script melhor? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Ricardo Portolan Postado Julho 2, 2011 Denunciar Share Postado Julho 2, 2011 (editado) Boa noite toniko.Bom, mudei um pouco o seu código mas a idéia era mais ou menos por aí mesmo.Claro, com certeza existe outras maneiras de se fazer o que você precisa mas comessa acredito que já quebra o seu galho.Segue o código abaixo:<html> <head> <title>Testando</title> <script language=javascript type='text/javascript'> function mostra(campo) { var mostra = document.getElementById(campo); mostra.style.display = "block"; } function esconder() { cont1.style.display = "none"; cont2.style.display = "none"; } </script> </head> <body> <select name="esc" id="esc" onchange="mostra(value);"> <option value="cont1">Mostrar 1</option> <option value="cont2">Mostrar 2</option> </select> <div id="cont1" style='display:none;'>Conteudo 1</div> <div id="cont2" style='display:none;'>Conteudo 2</div> <br> <input type="button" name="esconder" value="Esconder" onClick="esconder()"> </body> </html>Abraço. Editado Julho 2, 2011 por Ricardo Portolan Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
toniko
Olá, tudo bem?
Estou co um problema no meu código javascript para esconder e mostrar div usando selects.
O Código:
<script language=javascript type='text/javascript'>
function mostra(id) {
var aparece = document.getElementById(id);
aparece.style.display = "block";
}
function esconde(id){
var aparece = document.getElementById(id);
aparece.style.display = "none";
}
</script>
E o select:
<tr>
<td height='45'>Material:</td>
<td ><div class='input_contato'>
<select class='input_contato2' name='material' id=name='material'>
<option value='' selected onclick=\"esconde('mat1');esconde('mat2');\"> </option>
<option value='Sim' onclick=\"esconde('mat1');esconde('mat2');\">1010</option>
<option value='Outros' onclick=\"mostra('mat1');mostra('mat2');\">Outros</option>
</select></div>
</td>
<td height='45' >
<div id='mat1' style='display:none;'>Outros:</div>
</td>
<td ><div id='mat2' style='display:none;'>
<input type='text' class='input_contato2' />
</div>
</td>
Ele até que funciona bem no FireFox, mas ele não funciona no IE8 e no IE6.
Poderiam me ajudar a arrumar ou se possivel me sugerirem um script melhor?
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.