Antje Hofmann: Formular und Unterformular mit <select>

Beitrag lesen

Hallo Marco

Nun wöllte ich dies gern trennen, so daß 2 select-Felder (Auswahlfelder) zu sehen sind.

Eines mit allen Hauptkategorien und eines mit den zur Hauptkategorie passenden Unterkategorien. Also:

Und wenn haupt2 ausgewählt, dann soll im Untermenü nur die Unterpunkte von haupt2 stehen, also:
haupt2 / unter1
haupt2 / unter2
...
dann ist meine Liste aber trotzdem noch sehr lang und außerdem funktioniert das erst in den aller neusten Browsern. Also das bitte nicht vorschlagen. Bitte die JavaScript-Variante. Danke!

Aber gern hier die Zutaten:

du brauchst für jede Hauptgruppe ein Array, welches die Untergruppen enthält, gut machen sich hier assoziative Arrays http://selfhtml.teamone.de/javascript/objekte/array.htm#assoziative_arrays

den Eventhandler onchange http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onchange

eine Funktion die von onchange aufgerufen wird http://selfhtml.teamone.de/javascript/sprache/funktionen.htm

und in der du je nach gewähltes Hauptmenue die Menueeinträge im Untermenue löschts und wieder neu anlegst http://selfhtml.teamone.de/javascript/objekte/options.htm

alles gut mischen, garen lassen und fertig ist dein JS-Menue

Alternativ geht auch dieses Beispiel http://selfhtml.teamone.de/javascript/beispiele/verweisliste.htm

Gruß

Antje