Idee gesucht, Auswahlliste mehrere Werte merken

[Der Martin]

Hallo,

auf einem Formular gibt es zwei Auswahllisten.
Das linke "sel_products" listet Werte auf.
Das rechte "sel_options" ist leer und ist "multiple".
Wenn man auf die linke Auswahlliste klickt werden per JS im rechten die dazugehörigen Werte angezeigt.
Beispiel:
[...]
Wenn man nun in "sel_options" z.b. Gelb, Rot und Blau markiert sollen diese Werte irgendwie zwischengespeichert werden.
Bei einem Klick auf Autos wird rechts "VW" markiert. Auch dieser Wert soll zwischengespeichert werden.
Bei abschließenden Submit auf dem Formular sollen alle markierten Optionen mit dazugehörigem Produkt und anderen Werten aus Textfeldern in einer DB gespeichert werden.

diese Art der Benutzer-Interaktion ist, so wie ich es sehe, tatsächlich nicht ohne Javascript möglich. Ich würde den Effekt aber dennoch etwas anders umsetzen.
Ich würde für jeden möglichen Eintrag aus sel_products eine eigene Optionen-Auswahlliste erstellen (also sel_options_brand, sel_options_color, ...) und mit Javascript abhängig von der Auswahl in der ersten Liste alle bis auf eine unsichtbar machen (display:none).

Vorteil: Jede Unterkategorie hat ihr "eigenes" select-Element. Du brauchst dir um das Zwischenspeichern keinen Kopf zu machen, das regelt HTML für dich. Du brauchst auch nicht über das Absenden nachzudenken; beim Absenden des Formulars werden die Werte *aller* Listen mitgeschickt.

Positiver Nebeneffekt: User ohne Javascript sehen alle Listen gleichzeitig. Das sieht vielleicht nicht so schick aus, aber so lässt sich das Formular dennoch ohne Einschränkungen bedienen.

So long,
 Martin