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

nie natknąłem się jeszcze na taki problem, ale w ostateczności zostaje disabled="disabled".

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

Nie da się i pogódź się z tym (dać by się dało, ale to nalewani wody sitkiem).

W sumie to żaden problem. Zbudowanie nowego selekta na podstawie tablicy lub skopiowanie optionów między 2 selektami (jeden ukryty) to raptem z 4 linijki kodu (w jquery pewnie z 2).
A jest to lepsze i bezpieczniejsze rozwiązanie, bo zapobiega wysyłaniu zbędnych śmieci.