Ir para conteúdo

POWERED BY:

Arquivado

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

Douglas Fernandess

[Resolvido] Mostra oculta input

Por , em Javascript

Recommended Posts

Douglas Fernandess    2

Douglas Fernandess
Postado

Opa galera, to com o seguinte problema de compatibilidade de navegador.

Funciona no mozilla e no explorer, mas no google chrome não. Não sei se fiz algo errado, alguém poderia me ajuda?

Segue o code abaixo:

 

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#0").click(function(){

		$("#funil").show("slow");

	});

	$("#25").click(function(){

		$("#funil").show("slow");

	});

	$("#50").click(function(){

		$("#funil").show("slow");

	});

	$("#75").click(function(){

		$("#funil").show("slow");

	});

	$("#100").click(function(){

		$("#funil").hide("slow");

	});

});
</script>
</head>
<body>

  <form name="cad_funil" id="cad_funil" autocomplete="off" method="post" action="" enctype="multipart/form-data">
       <fieldset>


         <label><span2>Fechamento:</span2>      
             <select name="fechamento" id="fechamento">
                <option value="">SELECIONE</option>
               <option value="0" id="0">0%</option>
               <option value="25" id="25">25%</option>
               <option value="50" id="50">50%</option>
               <option value="75" id="75">75%</option>
               <option value="100" id="100">100%</option>
        	  </select>
	  </label>
       
<div id="funil" style="display:hide;">      
       <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>

         <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

Marco Bruno    19

Marco Bruno
Postado

Boa tarde, Douglas Fernandess.

 

O option não tem o evento Click use o Change do Select:

 

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
</head>
<body>

  <form name="cad_funil" id="cad_funil" autocomplete="off" method="post" action="" enctype="multipart/form-data">
       <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>

       <div id="funil" style="display: none;">      
      <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>

         <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>
<script type="text/javascript">
 jQuery('#fechamento').change(function(){
   var $funil = jQuery('#funil');
   var $this = jQuery(this);

   if ($this.val() === '100') {
     $funil.hide('slow');
   } else {
     $funil.show('slow');
   }
 });
</script>
</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