option -> dynamisch ein/ausblenden im IE möglich?

[maholtz]

Hallo,

ich habe zwei Selects wobei das erste das Zweite beeinflusst.

Ich würde gerne Einträge mit einer bestimmten Klasse ein- bzw. alle anderen ausblenden.

Ich hab nen kleines Skript geschrieben und es sah aus, als würde es funktionieren. Allerdings tut es das nur im FF.
Der IE und auch Safari blenden die entsprechenden Options nicht aus.

<select id="liste">
<option class="test1">Text1</option>
<option class="test2">Text2</option>
</select>

function aktiviere(klasse) {
  try {
    var elem = document.getElementById("liste2");
    for (i = 0; i < elem.childNodes.length; i++) {
        if ((klasse) == elem.childNodes[i].className) {
    elem.childNodes[i].style.display="";
           elem.childNodes[i].style.color="black";
        } else {
           elem.childNodes[i].style.display="none";
           elem.childNodes[i].style.color="blue";
        }
    }
  } catch (e) { alert("Fehler: " + e); }
}

aktiviere("test1");
führt leider nur im FF dazu, dass das zweite Element ausgeblendet wird.

Zum testen setze ich die Schriftfarben zusätzlich.

Die Farben werden schön im IE gesetzt, aber die Elemente werden nicht ausgeblendet.

Kann mir jemand helfen das Brett zu lösen?
Geht das nicht mit dem IE?
Hat jemand einen Hinweis/Tipp für mich?

danke & gruß,
martin