Ir para conteúdo

POWERED BY:

Arquivado

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

Damon

Função não funciona no E8 e Chrome

Por , em Javascript

Recommended Posts

Damon    20

Damon
Postado

Estou ocultando e mostrando uma div de formulário.

 

Tenho uma combobox de acordo com a opção que usuario escolher esta div aparece.

 

No opera e firefox esta funcionado perfeitamente mais para variar no e8 que é de costume e no chrome que eu estranhei no funcionou.

 

<p>Escolha uma opção:</p>
        		<select id="option"name ="D1"  onfocus="this.style.backgroundColor='#CCFF66'" 
        		onblur="this.style.backgroundColor='#ffffff'">
        			<option id="option2">Comercial</option>
					<option id="option1">Suporte</option>
					<option id="option3">Financeiro</option>
					<option id="option4">Artes</option>
        		</select>

javascript

 

$(document).ready(function() {
	$('#cnpj1').hide();
	
	$('#option1').click(function(event){
		event.preventDefault();
		$("#cnpj1").show();
		
		
		});
        
  	$('#option2').click(function(event){
		event.preventDefault();
		$("#cnpj1").hide();
		
		
		});
		
		$('#option3').click(function(event){
		event.preventDefault();
		$("#cnpj1").hide();
		
		
		});
		
		$('#option4').click(function(event){
		event.preventDefault();
		$("#cnpj1").hide();
		
		
		});
    
});

Alguém pode ajudar ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não use .click nos options, use .change no select.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Damon    20

Damon
Postado

Não use .click nos options, use .change no select.

 

William

 

Eu nunca use o change para mostra a div estou tentando montar a logica aqui você pode me ajudar?

 

Da uma olhada

 

$( "select" )
  .change(function () {
    var str = "";
    $( "select option:selected" ).each(function(event) {
      event.preventDefault();
    });
    $( "cnpj1" ).show();
  })
  .change();

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pelo que entendi do que vc quer fazer:

<select id="option">
        <option value="1">Comercial</option>
	<option value="2">Suporte</option>
	<option value="3">Financeiro</option>
	<option value="4">Artes</option>
</select>

e ai:

var $cnpj1 = $("#cnpj1");

$cnpj1.hide();
$("select#option").on("change", function(){
   var $this = $(this);

   if ($this.val() === "1") {
       $cnpj1.show();
   } else {
       $cnpj1.hide();
   }
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

Damon    20

Damon
Postado

 

Você chegou a testa ? Aqui comigo não deu certo !!

 

Seguindo a sua logica era pra te dado certinho, quando alguém escolher a opção 1 a div cnpj1 apareceria se não ela ficaria oculta.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

opa.. é que qndo vem do select, é uma string. Corrigido:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

</head>
<body>

<select id="option">
    <option value="">Escolha</option>
    <option value="1">Comercial</option>
    <option value="2">Suporte</option>
    <option value="3">Financeiro</option>
    <option value="4">Artes</option>
</select>

<div id="cnpj1">cnpj</div>


<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
    var $cnpj1 = $("#cnpj1");

    $cnpj1.hide();
    $("select#option").on("change", function(){
       var $this = $(this);

       if ($this.val() === "1") {
           $cnpj1.show();
       } else {
           $cnpj1.hide();
       }
    });
});
</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Damon    20

Damon
Postado

Perfeito William

 

Parabéns é isso mesmo. Muito obrigado brother.



William

 

Sem quer aproveita da sua boa vontade, deixa eu tira mais uma duvida aqui com você nem é javascript é css .

 

Quando eu vou transforma um objeto colocando bordas e imagens transparente somente no explore que não pega, você saberia me dizer o que eu posso fazer para resolver isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Dependendo da versão do IE, simplesmente não suporta e pronto.

Existem workarounds com javascript para forçar, como os famosos arquivos .htc e coisa e tal.

 

http://caniuse.com/#search=border-radius

 

Eu geralmente, nos dias de hoje, não ligo. A quantidade de usuários com ie6 e ie7 está cerca de 1% somados, os demais já são melhores..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Damon    20

Damon
Postado

O meu aqui nem e8 ta pegando todos os demais pega que é uma beleza. Mas vou procura saber mais sobre o workarounds se não resolver vou fazer igual você falou não vou esquenta cabeça. rs

 

Brother mais uma vez obrigado estou aprendendo muito aqui com você.

 

Valeu abraços.

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