it-swarm.com.de

Ein Formular mit zwei Senden-Schaltflächen und verschiedenen Aktionen für jede Schaltfläche

Ich habe mehrere Stunden damit verbracht, eine Lösung für mein Problem zu finden, aber es scheint mir nicht die richtige Lösung zu sein. Vielen Dank im Voraus für Ihre Hilfe!

Ich habe ein HTML-Formular mit:

<form id="columnarForm"  action="formindb_hoh_1.php" enctype="multipart/form-data" method="post" />

Ich hätte gerne ZWEI Submit-Buttons:

<input type="image" name="camper" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />

Ich möchte, dass der erste Submit-Button die Aktion von formindb_hoh_1.php hat und der zweite Submit-Button die Aktion von formindb_hoh_2.php hat. Ich bin jedoch nicht sicher, wie ein Button eine Aktion hat und der andere Button eine andere hat Aktion.

24
Nick

Verweisen Sie dies:

Mehrere Submit-Buttons für verschiedene Aktionen

Fügen Sie dieses Skript in Ihre Seite ein:

<script>
    function submitForm(action)
    {
        document.getElementById('columnarForm').action = action;
        document.getElementById('columnarForm').submit();
    }
</script>

Ändern Sie Ihren Eingabecode:

<input type="image" name="camper" onclick="submitForm('formindb_hoh_1.php')" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" onclick="submitForm('formindb_hoh_2.php')" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />
24
Redzwan Latif

Kein JS, verwenden Sie HTML5.

Ändern Sie die Senden-Schaltflächen, um das neue HMTL5-Schaltflächenattribut formaction zu verwenden:

<button type="submit" name="camper" formaction="formindb_hoh_1.php">Camper</button>
<button type="submit" name="camper" formaction="formindb_hoh_2.php">Medical</button>

Referenz: http://devdocs.io/html/element/button

68
szuflad

Schließlich bekam ich meine Antwort, nachdem ich mehr als eine Stunde verbracht hatte. Ich habe verschiedene Methoden ausprobiert, wie zum Beispiel Switch Case, Jquery und JavaScript. Aber ich habe nur das formaction-Tag von HTML5 verwendet und jetzt meine Formular zwei-Schaltfläche zum Senden, die an zwei Speicherorten funktioniert.

Code:

   <input type="submit" class="btn btn-success" value="Pay Now" name="submit"  style="width: 100%; letter-spacing: 1px; color: #fff; border: none;padding:  10px;" formaction="example.php">

   <button type="submit" class="btn btn-success" name="submit" style="width: 100%; letter-spacing: 1px; color: #fff; border: none;padding: 10px; margin-top: 15px;" formaction="mail.php"> Button</buttton>

Ich habe das gleiche Problem. Aber die Sache ist, dass die erste Tastenfunktion in JS ist, während die andere PHP verwendet.

$('#add-bookingid').submit(function(e){
e.preventDefault();
calculateDistance();
});

Sie sehen $ ('# add-bookingid'). Submit, so dass beide Buttons den gleichen Button-Typ wie submit haben.

Hauptzweck

Taste 1

Knopf 2

0
Hasnnnaiin