Ir para conteúdo

POWERED BY:

Arquivado

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

-=ZuQuI=-

show()/hide() não funcionam

Recommended Posts

Bom dia pessoal

 

estou com o seguinte problema não conheço nada de javascript quase

e esta função não funciona no chrome mas no firefox funciona normal

<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript">
	$(function(){
		$("#produtos").click(function(){
			$("#tipo").show("slow");							  
	    });  	  
	});
</script>

 

para este formulário

 

 

<label>
          <span>Selecione a Categoria</span>
           <select name="categoria" id="categoria">
            <option value="-1">Selecione a Categoria</option>
            <option value="destaques" id="destaques">Destaques</option>
            <option value="lancamentos" id="lancamentos">Lançamentos</option>
            <option value="produtos" id="produtos">Produtos</option>
            <option value="noticias" id="noticias">Noticias</option>
           </select>
         </label>
         <div id="tipo" style="display:none;">
         <label>
          <span>Família do Item</span>
           <select name="tipo" id="tipo">
            <option value="-1">Selecione a Família</option>
            <option value="eixos" id="eixos">Eixos</option>            
            <option value="freios" id="freios">Freios</option>
            <option value="suspensoes" id="suspensoes">Suspensões</option>
            <option value="componentes" id="componentes">Componentes</option>
           </select>
         </label>
         </div><!--Tipo-->

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia,

 

Não testei, mas acho que é o caminho ^^

 

<script type="text/javascript">
	$(function(){
		$("#categoria").change(function(){
		    if( $( this ).val() === 'produtos' ) {
			$("#tipo").show("slow");							    }
		});  	  
	});
</script>

 

 

Abraços.

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#categoria").change(function(){
			if(this.value == 'produtos')
			{$("#tipo").show();}
			else
			{$("#tipo").hide();}
											  
	    });  	  
	});
</script>

 

Good Luck!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.