ukrycie elementu option

[yavaho]

Domyślnie w selekcie pokazany jest pierwszy element. W przykładzie poniżej jest to: "wybierz"

Czy da się ukryć ten pierwszy element jezeli z listy wybrany/kliknięty zostanie jakikolwiek element?

Tak aby za drugim rozwinięciem listy juz nie był wyświetlony ten pierwszy element: "wybierz"

Coś na wzór kodu z akcją: onchange

Tylko ze to poniżej nie ukrywa

<select name="x" onchange="document.getElementById('wybierz').style.display='none';" >
<option id="wybierz" value="0">wybierz</option>
<option value="1">jeden</option>
<option value="2">dwa</option>
<option value="3">trzy</option>
</select>

[papieros]

tylko i wyłącznie javascriptem ale ja bym chyba nie przesadzał, po co się męczyć i ukrywać? No chyba, że jakieś bardzo nie standardowe rozwiązanie

Edit: Teraz się przyjrzalem ... widzę, że probujesz usuwać js'em ale zgaduje, że nie zadziałało ... ja bym bardziej stawiał na removeNode

np. this.options[0].removeNode()

[yavaho]

Remove działa za pierwszym razem.

np:

onchange="removeChild(document.getElementById('wybierz'));"

Ale podczas nastepnego rozwinięcia listy i wyboru elementu chce usunąć coś czego juz nie ma i pojawia się błąd. Wolałbym ukryć ten element. Ale nic nie działa co odwołuje sie konkretnie do elementu option

np

document.getElementById('wybierz').setAttribute('disabled','disabled');

document.getElementById('wybierz').disabled=true;

Po co chce to ukryć? Ponieważ takich formularzy bedzie ogromna ilość ładowanych dynamicznie w ajaxie i nie chce aby wywoływana została jakaś akcja z tego pierwszgo elementu (łaczenie z serwerem, czy z bazą i niepotrzebne uruchamianie jakichkolwiek skryptów po stronie serwera).

[Hubert]

onchange="document.getElementById('wybierz').style.display = 'none';"

[yavaho]

Chyba nie da się ukryć, żadna metoda ukrycia lub zablokowania elementu option mi nie zadziałała.

Na razie mam tak:

if(document.getElementById('wybierz')){removeChild(document.getElementById('wybierz'))}

[Hubert]

to co podałem działa elegancko pod FF

a pod IE

https://kurs.browsehappy.pl/Bugi/OptionDisabled

[yavaho]

to co podałem działa elegancko pod FF

a pod IE

No właśnie ... a musi działać wszędzie bez wyjątków.

A <optgroup> jest widoczny dopiero jak sie rozwinie listę z select

[General_Depet]

AJAXem możesz po wybraniu którejś opcji nakazać ponowne wygenerowanie selecta - już bez tej jednej opcji.