Ir para conteúdo

POWERED BY:

Arquivado

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

valterjrs

[Resolvido] Menu de Lista

Por , em Javascript

Recommended Posts

valterjrs    0

valterjrs
Postado

Boa Tarde Pessoal,

 

To com uma dúvida, tenho o código abaixo e gostaria de quando fosse selecionada a opção "Preventivo" a página me habilitasse um campo texto chamado "Previsão de Atendimento" no qual eu colocaria a data prevista para o atendimento, mais se eu selecionasssa a opção "Corretiva" ele não me mostrasse. Como faço isso ???

 

 

<body>

<form name="form1" method="post" action="">

<select name="Posicao" id="Posicao">

<option>--- Selecione ---</option>

<option value="Preventivo">Preventivo</option>

<option value="Corretivo">Corretivo</option>

</select>

</form>

 

At.

Valter Júnior

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rodolpho-Prog    0

Rodolpho-Prog
Postado

Valter, nao sei se entendi bem...

 

por ex: você pode fazer uma div que contenha o campo que você precisa, e usar os efeitos display:none e block

 

ficaria +- assim

 

<body>

<input type="button" onclick="mostra(1)"/>

<form name="form1" method="post" action="">

<select name="Posicao" id="Posicao" onchange="mostra(this.value)">

<option selected="selected">--- Selecione ---</option>

<option value="Preventivo">Preventivo</option>

<option value="Corretivo">Corretivo</option>

</select>

<div id="campo" style="display: none"><input type="text" size="10" /></div>

</form>

 

ponha entre as head

 

<script type="text/javascript">

function mostra(p){

 

if(p=='Preventivo')

document.getElementById('campo').style.display="block";

if(p!='Preventivo')

document.getElementById('campo').style.display="none";

}

</script>

 

acho que isso resolve seu problema brow!

 

abraço!

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