Problema toogle con IE

[noram]

Salve a tutti,
ho un problema di compatibilità con IE, in pratica ho un menù select contenente delle voci che, se selezionate, permettono di visualizzare un secondo menù select altrimenti nascosto:

Questa è la select visibile

<select id="f1" name="f1" class="f" title="Scegli">
<option>Scegli..</option>
<option onclick="$('val').toggle();">A</option>
<option onclick="$('val').toggle();">B</option>
</select>

Questa invece è la select che si visualizza solo selezionado una delle voci contenute nella select precedente:

<div id="val" class="form" style="display:none;">
<select id="field28" name="f2" class="f" title="Scegli ancora">
<option>Scegli ancora..</option>
<option>1</option>
<option>2</option>
</select></div>

Su Firefox tutto bene, su IE la seconda select rimane nascosta, dove sbaglio?

Grazie 1000 in anticipo!

[cavicchiandrea]

Perché non supporta onclick nelle option prova così:

<select id="f1" name="f1" class="f" title="Scegli" onchange="$('val').toggle();">
<option>Scegli..</option>
<option>A</option>
<option>B</option>
</select>

non conosco jquery da verificare che $('val').toggle(); passi il valore option selezionato

[noram]

ok, grazie 1000, provo subito

PS: non sto utilizzando jQuery

[noram]

Risolto, ancora grazie!