Marco: Formular und Unterformular mit <select>

Beitrag lesen

Hi!

Hab folgendes Problem:

Habe derzeit sehr langes Formular bestehend aus Haupt- und Unterkategorien.

Haupt1 / Unter1
Haupt1 / Unter2
Haupt1 / Unter3
Haupt2 / Unter1
Haupt2 / Unter2
Haupt3 / Unter1
...

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:

Hauptkategorien
haupt1
haupt2
haupt3
haupt4
...

Und wenn haupt2 ausgewählt, dann soll im Untermenü nur die Unterpunkte von haupt2 stehen, also:
haupt2 / unter1
haupt2 / unter2
...

Ich weiß, daß das geht, aber ich kann das nicht allein programmieren. Wäre froh, wenn es da schon ein Script gäbe, wo ich dann nur meine Kategorien eintragen brauch.

Vielen Dank für Eure Hilfe.

PS: Ich weiß, daß es auch die HTML-Variante mit optgroup gibt:
<select name="Namen" size=3>
 <optgroup label="Namen mit A">
  <option label="Anna">Anna</option>
  <option label="Achim">Achim</option>
  <option label="August">August</option>
 </optgroup>
 <optgroup label="Namen mit B">
  <option label="Berta">Berta</option>
  <option label="Barbara">Barbara</option>
  <option label="Bernhard">Bernhard</option>
 </optgroup>
(aus SelfHTML)
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!