Ir para conteúdo

POWERED BY:

Arquivado

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

Douglas Fernandess

[Resolvido] Mostra e oculta campos formulario conforme opcao do s

Por , em Javascript

Recommended Posts

Douglas Fernandess    2

Douglas Fernandess
Postado

Opa galera, queria saber como eu faria para mostra o resto dos campos abaixo do Fechamento sendo diferente de 100.

 

<!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=utf-8" />
<title>Documento sem título</title>
</head>

<body>
<form>
<fieldset>
<label> <span2>Fechamento:</span2>      
         <select name="Fechamento" id="Fechamento">
               <option value="">SELECIONE</option>
               <option value="0">0%</option>
               <option value="25">25%</option>
               <option value="50">50%</option>
               <option value="75">75%</option>
               <option value="100">100%</option>
         </select>
      </label><BR>

      <label> <span2>Data Visita:</span2>
         <input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
      </label><BR>

      <label> <span2>Previsão:</span2>
         <input type="text" name="Previsao" id="Previsao" size="7" />
      </label><BR>

      <label> <span2>Horário:</span2>
         <input type="text" name="Horario" id="HORA" size="7" />
      </label><BR /><BR />

         <input type="hidden" name="cadastrar_post" value="cad" />
         <input type="hidden" name="id_agendamento" value="<?php echo $id_do_post; ?>" />
         <input type="submit" value="Cadastrar" name="Cadastrar" id="Cadastrar" class="cadastro_btn"  />
       </fieldset>
     </form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Opa, dá uma olhada aqui:

 

http://wbruno.com.br/2010/07/28/ocultarmostrar-elementos-apartir-de-radio-select/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Douglas Fernandess    2

Douglas Fernandess
Postado

Fiz o campo conforme a opção aparece os campos porém não carrega a mascara do calendário. Alguém sabe como posso fazer para carrega?

 

LINK DOS ARQUIVOS

 

 

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<!-------CALENDAR------->
<link href="calendario/_style/default.css" rel="stylesheet" type="text/css"/>
<link href="calendario/_style/jquery.click-calendario-1.0.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="calendario/_scripts/jquery.click-calendario-1.0-min.js"></script>		
<script type="text/javascript" src="calendario/_scripts/exemplo-calendario.js"></script>


<script type="text/javascript">
$(document).ready(function(){
        $("#campos-extra > div").hide();
        $("#Fechamento").change(function(){
                $("#campos-extra > div").hide();
                $( '#'+$( this ).val() ).show('fast');
        });
     
});
</script>
</head>
<body>
       
        <select name="Fechamento" id="Fechamento">
                <option value="">SELECIONE</option>
               <option value="0">0%</option>
               <option value="25">25%</option>
               <option value="50">50%</option>
               <option value="75">75%</option>
               <option value="100">100%</option>
        </select>
             
        <div id="campos-extra">
                <div id="0">
				<label> <span2>Data Visita:</span2>
					<input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
				</label>

			   <label> <span2>Previsão:</span2>
				  <input type="text" name="Previsao" id="Previsao" size="7" />
			   </label>

			   <label> <span2>Horário:</span2>
				  <input type="text" name="Horario" id="HORA" size="7" />
			   </label><BR /><BR />
			</div>

			<div id="25">
				<label> <span2>Data Visita:</span2>
					<input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
				</label>

			   <label> <span2>Previsão:</span2>
				  <input type="text" name="Previsao" id="Previsao" size="7" />
			   </label>

			   <label> <span2>Horário:</span2>
				  <input type="text" name="Horario" id="HORA" size="7" />
			   </label><BR /><BR />
			</div>

			<div id="50">
				<label> <span2>Data Visita:</span2>
					<input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
				</label>

			   <label> <span2>Previsão:</span2>
				  <input type="text" name="Previsao" id="Previsao" size="7" />
			   </label>

			   <label> <span2>Horário:</span2>
				  <input type="text" name="Horario" id="HORA" size="7" />
			   </label><BR /><BR />
			</div>

			<div id="75">
				<label> <span2>Data Visita:</span2>
					<input type="text" name="Data_Visita_Realizada" id="Data_Visita_Realizada" size="7" />
				</label>

			   <label> <span2>Previsão:</span2>
				  <input type="text" name="Previsao" id="Previsao" size="7" />
			   </label>

			   <label> <span2>Horário:</span2>
				  <input type="text" name="Horario" id="HORA" size="7" />
			   </label><BR /><BR />
			</div>
                
        </div>
</body>
</html>

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