it-swarm.com.de

Fügen Sie Sie Formularfelder dynamisch hinzu, wenn Sie auf die Schaltfläche klicken

Ich freue mich darauf, auf Knopfdruck einen Formularabschnitt zu erstellen. Angenommen, ich möchte so oft einen neuen Verkäufer-Agent-Informationsabschnitt hinzufügen, wie ich möchte, indem ich auf die Schaltfläche + klicke. Der Abschnitt mit den Verkäuferinformationen sollte Basistext, Dropdowns usw. enthalten.

Diese neu erstellten Einträge sollten also in der Datenbank gespeichert werden. Ich muss die Einträge auch später als CSV exportieren.

Obwohl ich WordPress als Plattform benutze, würde es mir nichts ausmachen, wenn andere PHP/AJAX-Lösungen diese Funktionalität hinzufügen.

Ich kann keine perfekte Übereinstimmung finden. Formidable Formulare befanden sich in der Nähe, aber der Klick auf NEU HINZUFÜGEN führt mich zu einer separaten Seite. Andere Plugins bieten keine Möglichkeit dazu.

Sie können kostenlose oder kostenpflichtige Formularbauer, Plugins für WordPress oder Beispielcode von Drittanbietern vorschlagen, die mir bei der Implementierung helfen, falls ich etwas verpasst habe.

Ich habe den Screenshot des zu codierenden Formulars wie folgt geteilt !!

Dynamic form example

1
kushalvm

Sie können dies mit Javascript tun, indem Sie neue DOM-Elemente erstellen.

Sie können diese Probieren Sie die Funktionalität von W3Schools aus verwenden.

Kopieren Sie diesen Code, und fügen Sie ihn in den folgenden Code ein:

<!DOCTYPE html>
<html>
<body>

<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
<p><input type="button" value="Add Paragraph" onclick="addPara();"></p>
</div>

<script>
function addPara()
{
var para = document.createElement("p");
var node = document.createTextNode("This is new.");
para.appendChild(node);
var element = document.getElementById("div1");
element.appendChild(para);
}
</script>

</body>
</html>

Schauen Sie sich jetzt dieser Beitrag in SO an, um zu sehen, wie Sie ein Formular hinzufügen.

Entschuldigung, ich habe den Datenbankteil verpasst. Sie müssen eine PHP-Seite erstellen, die die Datenverarbeitung und -speicherung in einer Datenbank übernimmt. Ich benutze wieder W3schools, probiere es selbst aus (aber im Allgemeinen kann man dieser Website bei seriösen und professionellen Programmierinformationen nicht trauen). Hier der Link mit einem Beispiel, wie Daten von einem Formular an PHP gesendet werden.

Dies ist eine Möglichkeit, die Seite zu aktualisieren. Meine Lieblingsmethode ist es, mit Javascript Daten zu sammeln und sie dann mit einem AJAX -Aufruf an die PHP-Seite zu senden. Hier ist der Link zu Ajax mit PHP.

Und dies ist die Anleitung zum Arbeiten mit Datenbanktabellen in WP , ich vermute, Sie können nur diese Funktionen in einer PHP-Seite verwenden, die Datenmanipulationen handhaben würde.

2
Marina Dunst