Zwei abhängige DropDownfelder: Problem

[Stefan]

Hallo,

Ich habe zwei DropDown Felder. Das erste Feld enthält eine Überkategorie, etwa Sport. Ist dies selektriert, soll im zweiten Feld etwa "Handball, Fußball" etc. erscheinen.

Wählt man im 1. Feld jedoch "Entertainment" aus, dann soll etwa "Kino, Musik" und ähnliches erscheinen. Das klappt auch wunderbar.

Jedoch habe ich diese beiden Felder mehrmals auf der Seite, jedoch geht da nur das erste, obwohl die anderen identisch sind? Ich versteh einfach nicht, warum.

Der Code (auch die if-Abfragen) werden dynamisch generiert. Die vielen If-Abfragen sind etwas unglücklich, aber in JS kenn ich mich einfach nicht gut genug aus, um eine bessere Lösung zu finden.

Vielleicht kann mir ja jemand helfen. Gruß Stefan

Link

[Rizzo]

Hallo Stefan,

Du hast ID's (kat, album) mehrfach vergeben und das darf man nicht. Beim ansprechen mit getElementById gibt's dann ganz offensichtlich Probleme.

[Stefan]

Achso, ok. Ich dachte, das wäre egal. Hast du einen Lösungsvorschlag?

[Rizzo]

Zitat von Stefan

Achso, ok. Ich dachte, das wäre egal. Hast du einen Lösungsvorschlag?

Ne ne, deswegen nimmt man ja IDs, damit man Elemente eindeutig zuordnen kann
Ich bin kein JS-Crack, deswegen würde ich vorschlagen das Du wartest bis 'ne JS Kapazität vorbeikommt oder schau Dir mal die Sticky Threads in diesem Forum an. Malleus hat da eine Menge wirklich gutes Zeug veröffentlich und diverse Beispiele befassen sich auch mit solchen Chain-Selects. Gut möglich das Du da fündig wirst.

[Stefan]

Ich hab glaub ne Idee ... i guck mal schnell obs geht

Danke noch für die Hilfe

[Stefan]

Okay, ich hab's hinbekommen. Ich vergebe jetz einmalige IDs für das erste und das zweite DropDown Feld. Beim onclick werden dann beide Namen in die Funktion mitübergeben.

Wieder was gelernt

http://www.everydaythesame.de/TP/geht.htm

[Boris]

Wenn es nur eine einzige Unterkategorie ist, könntest du einen anderen Lösungsweg nutzen, der ohne JS und mit einem Dropdown auskommt, indem du <optgroup> benutzt.

Siehe: http://www.mediaevent.de/xhtml/optgroup.html

[Stefan]

Jetzt habe ich das Problem, dass die Werte nicht mehr übertragen werden.

var_dump($_POST] gibt immer einen Leerstring aus, obwohl ein Element selektiert wurde. Wie kann ich das beheben?

@ Boris: Ja, dass hätte ich auch nehmen können - Ist halt nicht ganz so schön, hätte mir aber viel Arbeit erspart

[Stefan]

Ich hab's jetzt über display:none und display:block gemacht. Scheint mir doch die bessere Lösung zu sein