[CJE]

Hallo,

ich würde gerne folgendes realisieren, hab aber leider noch nicht wirklich eine Idee, wie das funktionieren soll:

Ein Dropdown hat z. B. 15 Options und wenn man eine davon auswählt, wird automatisch ein zweites mit den gleichen Options eingeblendet. Also beispielsweise ein Dropdown "Sportarten", um Hobbies anzugeben:

[Jan Petersen]

Ich glaub du solltest die Select-Box vom Typ "multiple" verwenden. Siehe hier.

Und dann gehört das ganze ins HTML-Forum. ;)

[CJE]

Das wäre natürlich einfach, ist aber auch irgendwie recht hässlich und unelegant

Aber als Backup-Plan trotzdem keine schlechte Idee.

[WinstonSmith]

Das kannst du mit einer JavaScript-Funktion sicherlich recht elegant lösen.

Mittels document.write kannst du ja dynamisch Inhalte auf einer bestehenden Seite ergänzen, also auch das gleiche Formularelement immer und immer wieder. Die Ausrichtung und Positionierung kannst du wiederum lösen, in dem du einen DIV-Container (oder <p>) drum schreibst und die Ausrichtung über CSS steuerst.

Ich habe momentan allerdings keine konkreten Seiten, die dir dabei helfen könnten.

Als Stichworte höchstens:
- Javascript Eventhandler onChange (für den Funktionsaufruf, wenn das Dropdown geändert wird)
- CSS Ausrichtung Float Div (für das Ausrichten)

Viel Erfolg,
winston

[sahnemuh]

siehe meine antwort hier.

[polydor]

oh ich seh grad ich hab das falsch verstanden, sorry


Hi,

ich würd an deiner Stelle überlegen das Menü nur mittels CSS umzusetzen.
Erstens aus Gründen der Barrierefreien Zugänglichkeit.
Zweitens aus SEO-Gründen: Javascripts werden nicht von Suchmaschinen-bots ausgeführt, dadurch kann z.B. Google nicht deinen Links folgen und indiziert nur deine Startseite.

schöne Beispiele hier:
http://www.cssplay.co.uk/menus/final_drop2.html
einfach mal in den Quellcode gucken.

Ein Nachteil an der CSS-Umsetzung ist allerdings der Zeitaufwand: bis es auf allen Browsern wirklich gleich aussieht, kanns manchmal etwas dauern...

[m]