Page 1 of 1

Formular: bedingte Sichtbarkeit von Input-Feldern

Posted: Sun 5. Dec 2021, 16:10
by update
Huhuu ihr da draußen! :)

Folgende Aufgabe / Problemstellung:

1.
Ich habe in einem Formular eine (beispielsweise) ja/nein- Option.
Wenn ja gewählt wird, dann werden (ein-zwei-mehrere) Inputfelder gezeigt zur Ausfüllung.
Wenn nein gewählt ist, dann eben nicht (oder eventuell auch umgekehrt).
(default wäre zB nicht sichtbar).

2.
In einem (Dropdown) wähle ich 1, 2, 3, 4...
Bei gewählter 1 erscheint ein weiterer Satz Inputfelder (oder auch nur eines).
Bei gewählter 2 erscheinen zwei dieser Sätze an Inputfeldern. Usw.
(default wäre zB nicht sichtbar).

Wie kann das (kann das überhaupt) realisiert werden? Habt ihr Ideen dazu? Das wäre schon schön schrill! :mrgreen:

Liebe Grüße aus dem kulturellen Lockdown (schon wieder).

Re: Formular: bedingte Sichtbarkeit von Input-Feldern

Posted: Mon 6. Dec 2021, 15:05
by top
Ich würde es rein mit CSS versuchen. Mit input:checked ~ div lässt sich einiges tricksen.

Wichtig ist da die richtige Reihenfolge/Verschachtelung der Elemente.
Hier mal ein einfaches Beispiel:

https://jsfiddle.net/z2jg8oym/1/

Re: Formular: bedingte Sichtbarkeit von Input-Feldern

Posted: Mon 6. Dec 2021, 17:52
by update
Das klingt handhabbar und mit etwas Nachdenken für meine Idee anwendbar :) Danke! Lass den fiddle bitte mal so stehen.

Bzw reparier ihn bitte, ich habe ihn zerschossen und grad keinen Schimmer, wieso er nicht mehr geht :oops: :oops: :roll:
Jetzt geht's wieder und nach ein paar tests muss ich sagen - da geht was ;)