Lista rozwijalna, kilka option część z nich z style="display:none", pod Chrome, Opera wszystko ok, a na Safari, IE pokazuje te ukryte.

Zna ktoś jakieś rozwiązanie tego problemu ? Ewentualnie jak to inaczej załatwić ?

Przykładowo:

[HTML] pobierz, plaintext 
<select name="termin" id="termin" class="form-select" required>
<option value="Nie wybrano" disabled="disabled">wybierz najpierw lokalizację</option>
<option class="pod-41" style="display:none" value="Test 1">Test 1</option>
<option class="pod-41" style="display:none" value="Test 2">Test 2</option>
<option class="pod-41" value="Test 3">Test 3</option>
[HTML] pobierz, plaintext 

Się nie da się, możesz jedynie w JS usuwać i dodawać, kiedy będą potrzebne.

A nie możesz ich usunąć na stałe, czyli nie wstawiać do kodu HTML?
Jeśli nie, to spróbuj tego: http://stackoverflow.com/questions/9234830...t-menu-with-css
Owijasz <option> w <span> i dla tego drugiego dajesz display:none;
Ewentualnie disabled="disabled"

Option do selecta są generowane z bazy i innym selectem wybieram, które mają się pokazać. Na początek wszystkie mają docelowo "display:none", i później mam show/hide

Damonsson, ale ogarniać to przez jquery .add() ? Bo jakoś mi w ten sposób nie wychodzi.

No, to spróbuj tak jak pisałem. Za pomocą JS owijasz każdy option w select z display:none. Jeśli chcesz odznaczyć dany option, to jego rodzica (span) ustalasz jako widoczny.