Zum Inhalt springen

Dynamische DropDown-Felder

Erstellt am 19. November 2007 · 2 Antworten · letzte Antwort am 21. November 2007

Tags: Frage

einmalzwei ·

Hallo zusammen,

ich hab eine Extension geschrieben in der dynamische DropDown Felder mit JavaScript eingebaut werden sollen, also wenn im DropDown1 eine Eintrag ausgewählt wird sollen im DropDown2 die dazu passenden Einträge angezeigt werden.

Dafür wollte ich folgenden Beispielcode benutzen.

 function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren

if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Email")
{
unterkategorieAuswahl.options[0] = new Option("Software");
unterkategorieAuswahl.options[1] = new Option("Anbieter");
}
else if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Internet")
{
unterkategorieAuswahl.options[0] = new Option("Internetzugang");
unterkategorieAuswahl.options[1] = new Option("Webseiten erstellen");
}
}
<form name="verzeichnis">
<select size="1" name="kategorie" onchange="update_auswahl()">
<option value="Email" selected="">Email</option>
<option value="Internet">Internet</option> </select>
<select size="1" name="unterkategorie">
<option selected="">Software</option>
<option>Anbieter</option>
</select></form>

In einer normalen HTML Datei funktioniert das einwandfrei, in der Typo3 Extension nicht.
Was mach ich falsch?!

mfg einmalzwei