Möchten Sie live anzeigen, wie viele Wiederholfeldzeilen zu Ihrem Formular hinzugefügt wurden? Dies kann nützlich sein, wenn Sie möchten, dass die Benutzer sehen, wie viele Elemente sie eingegeben haben, insbesondere in Szenarien wie dem Hinzufügen von Namen, Aufgaben oder Produktelementen.
In diesem Tutorial zeigen wir Ihnen, wie Sie mit einem einfachen PHP-Snippet ein "Count"-Feld automatisch und in Echtzeit aktualisieren können.
Ihr Formular erstellen
Erstellen Sie zunächst Ihr Formular und fügen Sie ein Wiederholfeld sowie ein einzeiliges Textfeld mit der Bezeichnung "Count" ein. Dieses Feld wird automatisch aktualisiert und sollte vom Benutzer nicht manuell ausgefüllt werden.
Wenn Sie Hilfe bei der Erstellung eines Formulars benötigen, lesen Sie unser Tutorial zur Erstellung Ihres ersten Formulars.
Hinzufügen des Codeschnipsels
Verwenden Sie das folgende Snippet, um die Live-Count-Funktion in Ihrem Formular zu aktivieren.
Anpassen des Codeschnipsels
Sie müssen die folgenden IDs im Snippet aktualisieren, damit sie mit Ihrem eigenen Formular übereinstimmen:
wpforms-5410-field_1-container
: Ersetzen Sie5410
mit Ihrem aktuellen Formular-ID undfield_1
mit Ihrem Repeater Feld ID.wpforms-5410-field_3
: Ersetzen Siefield_3
mit Ihrem Anzahl Feld-ID.
Wie Sie Ihre Formular- und Feld-IDs finden können, erfahren Sie in diesem Tutorial.
Sobald dieses Snippet hinzugefügt und die IDs aktualisiert wurden, wird das Feld Count automatisch aktualisiert, wenn Benutzer Zeilen zum Repeater hinzufügen oder aus ihm entfernen.
Und das war's! Sie haben nun einen dynamischen Zähler zu Ihrem Wiederholungsfeld hinzugefügt, der den Nutzern einen klaren Überblick über die Anzahl ihrer Einträge gibt.