Wenn - Dann Formel bei Auswahlliste (Formular)

html.de-Forum HTML, XHTML & CSS
1

Ich versuche zur Zeit ein Kontaktformular mit verschiedenen Auswahlmöglichkeiten (wer hätt’s geglaubt…) zu erstellen!
Bisher hat alles wunderbar funktioniert, nun stehe ich vor dem Problem, dass ich gerne eine Dropdown-Liste erstellen würde bei der ich eine Wenn-Dann Formel einbauen will, welche wie folgt aussehen soll:

Wenn: in erster Dropdown die Auswahlmöglichkeit A gewählt wird
Dann: in zweiter Dropdown zur Auswahl: AA
AAA
AAAA

Wenn: in erster Dropdown die Auswahlmöglichkeit B gewählt wird
Dann: in zweiter Dropdown zur Auswahl: BB
BBB
BBBB

usw…

es sollten allerdings nie alle Auswahlmöglichkeiten angezeigt werden, ich habe bereits etwas bezüglich eines Script-Bereiches mit einer ‚if‘ Formel gehört, sowie ein bisschen mit ‚visibility‘ und Display herumgespielt, aber noch nichts Ordentliches auf die Beine gestellt!
Den ersten Schritt (die erste Dropdown in der man zwischen A, B, C,… auswählen kann) habe ich bereits gemacht!

mfG Ivan
und vielen Dank im voraus!

2

Das hat nichts mit visibility zu tun. Du benötigst einen Eventlistener, der je nach Auswahl in Selectlist_1 das Option-Tag in Selectlist_2 manipuliert. Wie üblich geht das mit jQuery wieder einfacher, und zum Einsatz kommende Funktionen wären hier z.B. on(), change(), val(), html(), text().

Der Anfang könnte so aussehen:

$('.list_1').on('change', funtion() { var auswahl = $(this).val(); if (auswahl === 'AAA') { // tu was mit Liste 2 } });

3

vielen Dank, habe das Problem bereits gelöst!