[Resolvido] Problema com onclick no Chrome

[Carlos Ventura 0]

Olá Pessoal, to precisando de um help!

 

é seguinte, estou tendo um problema pra executar esse script abaixo no Chrome, no Firefox e no IE vai normal... é um codigo simples, porém no Chrome não vai!

segue abaixo o code:

 

Javascript

<script type="text/javascript">
function abre_cidade(op){

if(op == '1'){

document.getElementById("div1").style.display = "";
document.getElementById("div1").style.visibility = "visible";

}else{

document.getElementById("div1").style.display = "none";	
document.getElementById("div1").style.visibility = "hidden";
}
}
</script>

 

HTML

<form id="form1" name="form1" method="post" action="">
 <label for="combo"></label>
 <select name="combo" id="combo">
   <option value="1" onclick="javascript:abre_cidade('1')">op 1</option>
   <option value="2" onclick="javascript:abre_cidade('2')">op 2</option>
 </select>
 <div id="div1" style="display:none;"> hahdahud </div>
</form>

 

Qual a intenção desse codigo? é q quando eu selecionar a "OP1" ele apareça a "div1" e quando selecionar a "OP2" some a "div1", simples porém no Chrome não aparece essa DIV, o q será q pode ser ? alguem ja passou por isso antes? tem algum macete pro chrome?

 

Fico no aguardo por um help, valeu pessoal e fique com Deus!

 

At.

 

Carlos Ventura

[Francispansa 6]

Experimente colorar um display block na op1.:

 

document.getElementById("div1").style.display = "block";

// outra, isso aqui você pode remover, somente com o efeito do display vai funcionar certinho
document.getElementById("div1").style.visibility = "visible";
document.getElementById("div1").style.visibility = "hidden";

 

 

 

;)

[William Bruno 1501]

dá uma olhada aqui:

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

[Carlos Ventura 0]

Fala Pessoal, a dica do Francispansa não deu certo, não consegui fazer funcionar no Chrome!, somente no IE e no Firefox!

a dica do William Bruno vou testar e postar aqui o resultado!

Valeu pessoal!!

 

Carlos Ventura

 

Fala Pessoal, até fiz o teste aqui e funcionou no Chrome, porém como eu vou povoar o combo com o PHP na minha aplicação acho q não vai funcionar!

Mais beleza, vou ver se acho outra solução aqui! qualquer coisa posto aqui!

 

Valeu

 

Carlos Ventura

[William Bruno 1501]

Dá certo se você povoar com php sim.. tanto faz.

o importante é q esse php vai gerar HTML, analise o html e faça o script correspondente.

[Carlos Ventura 0]

beleza Willian, vou tentar aqui, qualquer coisa eu posto aqui! valeu!

[Carlos Ventura 0]

E ai pessoal resolvi o problema, fiz assim:

<form id="form1" name="form1" method="post" action="">
 <select name="combo" id="combo" onchange="javascript:abre_cidade(this.value)">    
<option value="1">op 1</option>    
<option value="2">op 2</option>  </select>  
<div id="div1" style="display:none;"> Mostra DIV </div>
</form>

 

Ai funcionou no Chrome!

 

Valeu a todos que me ajudaram!

 

Carlos Ventura