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

Ich habe mehrere Stunden versucht eine Lösung zu finden für mein Problem, aber kann einfach nicht scheinen zu finden die richtige Lösung. 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" />

Möchte ich 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" />

Möchte ich den ersten submit-button, um die Aktion der formindb_hoh_1.php wenn darauf geklickt wird, und der zweite submit-button, um die Aktion der formindb_hoh_2.php aber ich bin nicht sicher, wie man einem button eine Aktion und haben Sie die andere Taste hat eine andere Aktion.

InformationsquelleAutor der Frage Nick | 2013-02-08

  1. 23

    Beziehen :

    Mehrere submit buttons php, verschiedene Aktionen

    Legen Sie dieses Skript in Ihre Seite ein :

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

    Ändern Sie Ihre Eingabe code :

    <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" />

    InformationsquelleAutor der Antwort Redzwan Latif

  2. 62

    Kein JS, HTML5 nutzen.

    Veränderung der submit-buttons zu nutzen, neue HMTL5-Taste, Attribut formaction:

    <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

    InformationsquelleAutor der Antwort szuflad

Schreibe einen Kommentar