Salve,

Ho fatto questo script per far apparire diverse sezioni tramite un select:

<select onChange="expandIt(this.options[this.selectedIndex].id); return false" name="tipo">
<option id="1" selected value="0" > Azione 1</option>
<option id="2" value="1"> Azione 2</option>
</select>
<div id="1Child" style="display:none">Scelta 1</div>
<div id="2Child" style="display:none">Scelta 2</div>

la funzione expandIt è:

function expandIt(nomesez) {
var i = 1;
var sezione = document.getElementById(i+'Child');
while (document.getElementById(i+'Child')){
sezione = document.getElementById(i+'Child');
sezione.style.display = 'none';
i++;
}
sezione = document.getElementById(nomesez+'Child');
if (sezione.style.display == 'none')
sezione.style.display = 'block';
else
sezione.style.display = 'none';
}

Che prima chiude qualunque div aperto in precedenza e poi apre quello scelto.
Questo script funziona bene con Internet Explorer, ma con Firefox funziona solo se uso il select col mouse (se invece mi muovo tra le scelte con la tastiera allora la scelta apparirà solo quando clicco col mouse al di fuori della select, o se premo invio sulla tastiera), visto l'uso che vorrei farne, è abbastanza fastidioso.

C'è un modo per risolvere questo problema?