Dropdown Menü mit Bedingungen anlegen.

Hallo zusammen,

ich möchte in einem Formular (um Platz zu sparen) ein Dropdownmenü (nicht zwingend, für andere Lösung offen) einfügen. Sobald der Nutzer einen Punkt ausgewählt hat, soll der ensprechende Informations- und Auswahlcontent erscheinen.

z.B: im Dropdown: Öl, Gas, Solar, Wärmepumpe

Wählt der Nutzer Gas, soll unter dem Dropdown der Content zu diesem Punkt erscheinen.

Wählt er einen anderen Punkt dann der dazugehörige Content.

Wie kann ich das umsetzen?

Ein Beispiel ohne Dropdown sondern mit Grafiken, im Link unter dem Reiter C. (Währe so eine Variante auch umsetzbar in Jotform?)

Hallo Thomas,

vielen Dank, dass Sie sich an den Jotform Support gewandt haben. Ja, dies ist mit dem Jotform Formulargenerator umsetzbar. Lassen Sie mich Ihnen zeigen wie:

• Im Formulargenerator klicken links auf Element hinzufügen.
• Wählen Sie das Element Dropdown und fügen Sie es zu Ihrem Formular via Drag & Drop hinzu.

• Klicken Sie auf das Zahnrad-Symbol rechts neben dem Element.
• Wechsel Sie zum Reiter Optionen und geben Sie in dem Feld Optionen Ihre Auswahlmöglichkeiten an.

• Fügen Sie nun weitere Elemente wie. z.B. Textabsatz für jede Antwort hinzu, wenn Sie nur Informationen anzeigen wollen.

• Klicken Sie auf das Stift-Symbol und geben Sie Ihren Text ein und klicken Sie anschließend auf Speichern.
• Klicken Sie auf das Zahnrad-Symbol neben dem Element und anschließend auf Erweitert.
• Aktivieren Sie die Option Verborgenes Feld.

Wiederholen Sie diesen Vorgang für alle anderen Optionen.

Jetzt legen wir Bedingungen an.

• Klicken Sie in der oberen Menüleiste auf Einstellungen und anschließend auf Bedingungen.
• Wählen Sie Feld Anzeigen/Verbergen.
• Legen Sie folgende Bedingungen an und klicken Sie abschließend auf Speichern.

Wiederholen Sie diesen Vorgang für alle anderen Optionen.

Lassen Sie mich Ihnen mein Ergebnis zeigen:

In meinem Demo Formular habe ich ein Textabsatz Element verwendet. Sie können jedes beliebige Element dafür verwenden oder aber auch z.b. Das Widget Bildauswahl, wenn Sie anstatt des Dropdown Bilder zur Auswahl verwenden möchten. Die Vorgehensweise ist immer gleich.

Hier haben wir auch eine Anleitung Smarte Formulare: Bedingte Logik für Online-Formulare, die Sie sich gerne diesbzgl. ansehen können.

Probieren Sie es aus und lassen Sie uns wissen, falls Sie weitere Fragen haben.