[HTML][CSS] Nie działa display: none Opcje

[Jarod]

Męczę się i szukam 2h błędu w kodzie jquery a problem tkwi po stronie przeglądarek.

Prosty kod

[HTML] pobierz, plaintext 
<div>Lista:
<select name="nazwa">
<option>Wybierz...</option>
<option>1</option>
<option style="display: none;">2</option>
<option>3</option>
</select></div>
 
[HTML] pobierz, plaintext 

Styl dla <option> jest interpretowany tylko przez FF (czyli na liście wyświetlane są opcje: Wybierz, 1,2) a w Operze, IE, Chrome (wszystkie opcje)

Proszę doradźcie w jaki sposób mogę dynamicznie ukrywać (nie usuwać) poszczególne elementy listy rozwijanej tak aby działały pod każdą przeglądarką (nie interesuje mnie ustawianie atrybuty disable)?


Edit: tu działający przykład z sieci - działa tylko pod FF

Ten post edytował Jarod 9.01.2011, 22:46:06

[kalmaceta]

powinno ozywać się disabled, ale na siłę daną opcje appendować do innego elementu, który jest display:none;