[Resolvido] onclick e getElementById não funfando no ie

[Patrique 0]

Fala ae moçada, estou tentando fazer um select option mudar uma imagem de acordo com o escolhido, para isso utilizo onclick no option e troco a img do div elemento com getelemmentbyid.

 

A questão é... ta funcionando no fire, mais no ie não funfa não ta trocando a img.

 

Segue abaixo o code que eu fiz galera.

 

<script type="text/javascript" language="javascript">
function sexo(img){
   if(img!="nenhum"){
      document.getElementById("div_sexo").innerHTML = "<img src='ico-"+img+".gif' />";
   } else {
      document.getElementById("div_sexo").innerHTML = " ";
   }}
</script>
<div style="padding-left:6px;padding-top:14px;font-size:13px;color:#000;font-weight:bold;">
Sexo:
</div>
<div style="padding-left:5px;padding-top:4px">
   <select name="sexo" class="def_select">
      <option onclick="sexo('homem')" value="m">Masculino</option>
      <option onclick="sexo('mulher')" value="f">Feminino</option>
   </select>
</div>
<div id="div_sexo"><img src="ico-homem.gif"></div>

Quem puder me ajudar desde já agradeço galera!

 

Valew!

[Patrique 0]

Bom fiz algumas modificações aqui, ao invés de utilizar onclick no option eu optei provisoriamente por trabalhar com onchange no select e peço para pegar o valor do select option escolhido, desta forma deu certo funfou nos browsers, mais se alguém ae souber por que o onclick não funfa no ie me da uma dica ae, eu agradeço.

 

<script type="text/javascript" language="javascript">
function sexo(img){
   if(img!="nenhum"){
      document.getElementById("div_sexo").innerHTML = "<img src='"+img+".gif' />";
   } else {
      document.getElementById("div_sexo").innerHTML = " ";
   }}
</script>
<div style="padding-left:6px;padding-top:14px;font-size:13px;color:#000;font-weight:bold;">
Sexo:
</div>
<div style="padding-left:5px;padding-top:4px">
   <select name="sexo" class="def_select" onchange="sexo(this.selectedIndex)">
      <option value="m">Masculino</option>
      <option value="f">Feminino</option>
   </select>
</div>
<div id="div_sexo"><img src="0.gif"></div>

[William Bruno 1501]

Eu não acho que faça 'sentido você pegar o 'onclick' de um option...

o mais comum é trabalhar com o onchange mesmo.. além doque ficaria super poluido, se você precisar de um select, sei lá.. imagina que fosse estados.. você teria 27 onclicks ?