Input Opcional

[Guest Ferraz]

Olá galera, o problema e o seguinte, queria que um input text, aparecesse na tela apenas quando eu escolher em um select option, uma determinada opção,

ex:escolho usuario e aparece o input para digitar a senha.

alguém tem idéia de como fazer isso?

obrigado....

[Fabi SP]

Mais ou menos isso:

JavaScript:

function ativaCampo() {
   if (document.frm1.cmb1.value == "1") {
      document.frm1.txt1.style.visibility = "visible";
   }
   else {
      document.frm1.txt1.style.visibility = "hidden";
   }
}

HTML:

<form name="frm1" id="frm1" action="teste.asp" method="post">
<select name="cmb1" id="cmb1" onChange="javascript:ativaCampo();">
   <option value="1">1</option>
   <option value="2">2</option>
</select>
<input type="text" name="txt1" id="txt1" style="visibility:hidden;" />
</form>

[Guest Ferraz]

Beleza, mas não estou conseguindo colocar no meu formulario!!

[Fabi SP]

Você mudou os nomes dentro da função para corresponder ao nome do form e do campo? Testei aqui e funcionou...

[]'s,

[Guest Ferraz]

Beleza estou conseguindo, e para fazer o mesmo com texto?

[leo71]

1 - Registre-se é "D GRATIS"

2 - Vamos Lá:

Faça tipo assim:

<SELECT ONCHANGE="muda(this.value)" NAME="sele">

<OPTION VALUE="">--Escolha--</OPTION>

<OPTION VALUE="usu">Usuario</OPTION>

</SELECT>

já no JS:

function muda(oque)

{

if(oque.style.display=="none")

{

oque.style.display=""

}

else

{

oque.style.display=""

}

}

Voltando ao HTML:

Coloque assim:

(Obs: Não use <BR> antes do <DIV> ele já vem acompanhado)

<DIV ID="usu" STYLE="display:none; border:1; border-color: black; bgcolor: #0000ff">

Pass Word: <INPUT TYPE=password NAME=senha>

</DIV>

<INPUT TYPE=button VALUE=OK>