Ir para conteúdo

POWERED BY:

Arquivado

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

rvsrafael

função getElementById

Por , em Javascript

Recommended Posts

rvsrafael    0

rvsrafael
Postado

diante do seguinte codigo venho perdir uma forcinha

POIS este codigo roda perfeitamente no FireFox já no IE não qr exibir

o input na hora da escolha da opção OUTROS

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript">
 function exibir_curso(tr)
{

	 if(tr.value =="outros")
		{
				document.getElementById("curso1").style.display = "block";
		}
		else
		  {
				document.getElementById("curso1").style.display = "none";
		  }
		
		
}

</script>
<title>select</title>
</head>
<body>
 <table>
 	<tr><td width="64">curso:</td>
   		<td>

<form method="post" action="#">
		  <select name="curso">
			   <option onclick="exibir_curso(this)" value="-" selected>selecione seu curso</option>
			   <option onclick="exibir_curso(this)" value="ciencias">Ciencias</option>
			   <option onclick="exibir_curso(this)" value="matematica">Matematica</option>
			   <option onclick="exibir_curso(this)" value="outros">outros</option>
		  </select>
		 </td>
	 </tr>
	 <tr>
	  <td colspan="2"> <input  style="display:none;" id="curso1"type="text" value="" name="curso1"  align="right"   size="36"/> 
	  </td>
	 </tr>
	 <tr>
	  <td colspan="2"> <input type="submit" value="Cadastrar"/> 
	  </td>
	 </tr>
</form>	 
</table>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Amigo, pode ser parvoeira, mas será disto do espaçamento de cada tag dentro do elemento input?

Exemplo:

 

Código Actual:

<input  style="display:none;" id="curso1"type="text" value="" name="curso1"  align="right"   size="36"/>

Código Modificado:

<input style="display:none;" id="curso1" type="text" value="" name="curso1" align="right" size="36" />
Não testei..

 

Cumprimentos

webflex

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Na verdade amigo

a sua função está certíssima, porém você apenas utilizou ela com o evento errado.

 

você colocou no evento onclick do seu option, e isso ta dando algum problema com o IE.

Fica melhor usar no onchange do seu select, tenta so com essecódigo aqui:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript">
function exibir_curso(tr)
{

	 if(tr.value =="outros")
		{
				document.getElementById("curso1").style.display = "block";
		}
		else
		  {
				document.getElementById("curso1").style.display = "none";
		  }
		
		
}

</script>
<title>select</title>
</head>
<body>
	 <form method="post" action="#">
<table>
	<tr><td width="64">curso:</td>
		   <td>

	
		  <select name="curso" onchange="exibir_curso(this)" >
			   <option  value="-" selected>selecione seu curso</option>
			   <option  value="ciencias">Ciencias</option>
			   <option  value="matematica">Matematica</option>
			   <option value="outros">outros</option>
		  </select>
		 </td>
	 </tr>
	 <tr>
	  <td colspan="2"> <input  style="display:none;" id="curso1"type="text" value="" name="curso1"  align="right"   size="36"/>
	  </td>
	 </tr>
	 <tr>
	  <td colspan="2"> <input type="submit" value="Cadastrar"/>
	  </td>
	 </tr>
	
</table>
</form>
</body>
</html>

 

Abssss

Compartilhar este post

Link para o post
Compartilhar em outros sites

rvsrafael    0

rvsrafael
Postado

olá Carutcho...

agreço muito pela atenção e a dica

o script, funcionou perfeitamente nos 2 navegadores...

 

valeu...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Melhor passar a função no onchange do select:

<select name="curso" onchange="exibir_curso(this)">
			   <option value="-" selected>selecione seu curso</option>
			   <option value="ciencias">Ciencias</option>
			   <option value="matematica">Matematica</option>
			   <option value="outros">outros</option>
		  </select>
:lol:

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