campo select dinamico

[lucavizzi]

Buongiorno,

vorrei visualizzare di fianco ad un campo select un immagine diversa a seconda della scelta fatta.

<select name="sesso">
<option value="">------</option>
<option value="M" onchange="mostra('uomo');">Uomo</option>
<option value="F">Donna</option>
<option value="C">Coppia</option>
</select><span id="uomo" style="display:none;">[img]img/male.gif[/img]</span><span id="donna" style="display:none;">[img]img/female.gif[/img]</span><span id="coppia" style="display:none;">[img]img/couple.gif[/img]</span>

la funzione mostra è:

function mostra(nr) {
var text=document.getElementById(nr);
if (text.style.display=="none") {
text.style.display="inline";
}else{
text.style.display="none";
}
}

Presumo che l'errore sia nel gestore on del tag option, io li ho provati tutti ma nessuno ha funzionato.

Grazie
Luca

[willybit]

credo tu voglia fare

<select name="sesso" onchange="mostra(this.options[this.selectedIndex].text.toLowerCase());">
<option value="">------</option>
<option value="M">Uomo</option>
<option value="F">Donna</option>
<option value="C">Coppia</option>
</select><span id="uomo" style="display:none;">  [img]img/male.gif[/img]</span><span id="donna" style="display:none;">[img]img/female.gif[/img]</span><span id="coppia" style="display:none;">[img]img/couple.gif[/img]</span>

<script>


function mostra(nr) {
if(document.getElementById(nr)){
var text=document.getElementById(nr);
if (text.style.display=="none") {
text.style.display="inline";
}else{
text.style.display="none";
}
}
}
</script>

[lucavizzi]

Grazie funziona,

il problema è che cambiando la selezione l'immagine non viene sostituita ma si aggiunge

[lucavizzi]

come posso ovviare?

[willybit]

nella funzione come prima cosa nascondi tutte le immagini

function mostra(nr) {
  document.getElementById('uomo').style.display="none";
  document.getElementById('donna').style.display="none";
  document.getElementById('coppia').style.display="none";
  if(document.getElementById(nr)){
    var text=document.getElementById(nr);
    if (text.style.display=="none") {
      text.style.display="inline";
    }
    else{
      text.style.display="none";
    }
  }
}

[lucavizzi]

grazie :-)

senti, come si passano DUE o più valori ad una funzione? separati da una virgola?

[willybit]

Originariamente inviato da lucavizzi
separati da una virgola?

esatto

[lucavizzi]

Grazie Willybit