<optgroup> mittels JavaScript löschen

[ThomasLa]

Danke!!

Hab das Ganze gleich ein bisschen erforscht (falls es sonst noch jemanden interessiert ;-)

Ich sehe 2 Möglichkeiten - beide haben Schwächen:
Ausgangssituation:

<select id="select"><optgroup label="Optionsgruppe">  <!-- Zwischen den Tags darf kein Abstand sein, sonst ist dieses Leerzeichen das firstChild !-->  
<option>Eins</option>  
<option>Zwei</option>  
</optgroup></select>  <!-- hier auch kein Abstand !--> 

var Knoten = document.getElementById('select').firstChild;
document.getElementById('select').removeChild(Knoten);

Funktioniert in IE&Firefox, aber nicht in Opera.  
  
2) ~~~JavaScript
for (i= document.getElementById('select').length-1 ; i>=0 ; i--) { // Löschen von unten beginnend, da nach jedem Löschvorgang die Zeilen neu numeriert werden  
document.getElementById('select').options[i] = null;  
}

Funktioniert in Opera perfekt; in IE&Firefox bleibt eine leere <optgroup> zurück.

Wenn man diese beiden Methoden kombiniert, könnte es irgendwie gelingen, dass es in allen Browsern funktioniert :-)