Kompatibilitätsproblem

[Opendix]

hallo... ich habe folgendes Funktion:

function update_auswahl()
{
var kategorieAuswahl = document.forms.news.verlink;
var unterkategorieAuswahl = document.forms.news.typeId;
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren

if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "name")
{
unterkategorieAuswahl.options[0] = new Option("Testbericht","Testbericht");
unterkategorieAuswahl.options[1] = new Option("Zweiter testbericht","Zweiter testbericht");
unterkategorieAuswahl.options[2] = new Option("Kurzbericht","Kurzbericht");
}


if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "test")
{
unterkategorieAuswahl.options[0] = new Option("Testbericht","Testbericht");
unterkategorieAuswahl.options[1] = new Option("Zweiter testbericht","Zweiter testbericht");
unterkategorieAuswahl.options[2] = new Option("Kurzbericht","Kurzbericht");
}


}

nun erstmal was das soll:
ein formular mit 2 auswahlboxen, wenn man den inhalt der ersten ändert sollen in der anderen andere Optionen kommen...

was funktioniert nicht:
im IE und Opera ist kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value immer ohne inhalt, wobei das im Firefox funktioniert??

im anhang habe ich noch das template mit dem html...
hoffe irgendwer kann mir helfen :)

[Opendix]

ok, problem hat siche gelöst...

Lösung:

Opera und IE nehmen als value nur das, was in <option value=""> steht!
Firefox hingegen auch das was zwischen den <option>-tags steht!