Problema com onclick no Chrome

[~Ventura~]

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="java script:abre_cidade('1')">op 1</option>   
 <option value="2" onclick="java script:abre_cidade('2')">op 2</option>
</select>  
<div id="div1" style="display:none;"> Mostra DIV</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 ? alguém já passou por isso antes? tem algum macete pro chrome?

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

At.

Carlos Ventura

[fiote]

Implementação feia lol

Mude o seu select pra isso daqui:

<select name="combo" id="combo" onchange='abre_cidade(this.value)'>   
        <option value="1">op 1</option>   
        <option value="2">op 2</option>
    </select>

[~Ventura~]

Rá, valeu cara... é isso ai valeu... funcionou aqui no chrome e nos outros!

Valeu fiote!

Carlos Ventura