Dropdown-Felder erleichtern die Auswahl aus einer Liste von Optionen. Wenn Sie ein Dropdown-Menü erstellen müssen, das fortgeschrittener ist, wie z.B. verschachtelte Auswahlmöglichkeiten oder die Einschränkung von Optionen basieren auf der Benutzerauswahl, ist das dynamische Dropdown-Widget eine hervorragende Lösung.
Hinzufügen und Einrichten des dynamischen Dropdown-Widgets
Das Hinzufügen des Dynamic Dropdown-Widgets zu Ihrem Formular und dessen Einrichtung ist ziemlich einfach. So funktioniert es:
- Klicken Sie im Formular-Generator auf der linken Seite der Seite auf Element hinzufügen.
- Gehen Sie nun im Menü auf der linken Seite zum Widgets-Tab, suchen Sie nach Dynamische Dropdowns und klicken Sie darauf, um es zu Ihrem Formular hinzuzufügen.
- Als Nächstes richten Sie im Widget-Einstellungsmenü, das sich auf derrechten Seite der Seite öffnet, die folgenden Dinge ein:
- Werte — Geben Sie die Liste der Elemente ein, aus denen die Benutzer wählen sollen. Schauen Sie sich den untenstehenden Abschnitt über Wie man verschachtelte Optionen in dynamischen Dropdowns strukturiert an, um mehr zu erfahren.
- Trennzeichen — Wählen Sie das Zeichen aus, das die Werte in der endgültigen Übermittlung trennt. Sie können ein Komma, semikolon oder Schrägstrich verwenden.
- Klicken Sie dann auf Aktualisieren, und schon sind Sie fertig.
So strukturieren Sie verschachtelte Optionen im dynamischen Dropdown-Widget
Das Verschachteln oder Einrücken von Optionen mit Leerzeichen erstellt eine Eltern-Kind-Beziehung zwischen Dropdown-Listen im dynamischen Dropdown-Widget. Hier ist ein Beispiel, wie verschachtelte Werte formatiert werden:
Wirbeltiere
Warmblüter
Hund
Katze
Vogel
Kaltblüter
Goldfisch
Schildkröte
Frosch
Wirbellose
Mit Beinen
Käfer
Marienkäfer
Spinne
Ohne Beine
Regenwurm
Blutegel
Um das aufzuschlüsseln, sind die Optionen der obersten Ebene:
Vertebrates
Invertebrates
.Um Auswahlmöglichkeiten für Wirbeltier zu erstellen, fügen Sie eine neue Zeile darunter hinzu und listen Sie die Optionen auf, jede mit einem führenden Leerzeichen:
Vertebrates
Warm-blooded
Cold-blooded
.
Invertebrates
.Um Auswahlmöglichkeiten für die zweite Ebene Warmblütler zu erstellen, fügen Sie eine neue Zeile darunter hinzu und listen Sie die Optionen auf, jeweils mit zwei führenden Leerzeichen:
Vertebrates
Warm-blooded
Dog
Cat
Bird
.
Cold-blooded
.
Invertebrates
.Und so weiter. Sehen Sie sich an, wie es in diesem Demo-Formular aussieht.
Notiz
- Es wird empfohlen, die Liste und die Verschachtelung mit einem Texteditor wie Notepad oder TextEdit einzurichten.
- Include a dot (.) as one of the choices in a set to initially display an empty Please select option for that set.
- Fügen Sie einem übergeordneten Eintrag ein Sternchen (*) hinzu, um die Auswahl seiner untergeordneten Optionen als erforderlich zu kennzeichnen.
- Das Wertefeld hat ein Limit von 65.000 Zeichen.
- Je länger die Liste, desto langsamer wird das Widget.
Kommentar abschicken: