2013-02-08 17 views
21

Ho trascorso diverse ore a cercare una soluzione al mio problema, ma proprio non riesco a trovare la soluzione adeguata. Grazie in anticipo per la vostra assistenza!Un modulo con due pulsanti di invio e diverse azioni per ciascun pulsante

Ho una form html con:

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

Vorrei avere due pulsanti: presentare

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

vorrei il primo pulsante di invio per avere l'azione di formindb_hoh_1.php quando cliccato e il secondo pulsante di invio per avere l'azione di formindb_hoh_2.php, ma sono incerto su come fare in modo che un pulsante abbia un'azione e che l'altro pulsante abbia un'azione diversa.

+0

Usa JavaScript presentazione –

+0

@ Nick: come Arun Killu sottolineato, stai bene con l'utilizzo di alcuni JavaScript? –

+0

@ArunKillu, preferirei non utilizzare javascript se non è necessario. Sono preoccupato per coloro che hanno javascript bloccato ... – Nick

risposta

22

consultare questo:

Multiple submit buttons php different actions

mettere questo script nella vostra pagina:

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

modificare il codice di ingresso:

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

L'OP vuole pubblicare interamente su uno script diverso. –

+0

E assicurati di chiudere il modulo con –

+0

op scusa modifico il codice –

53

No JS, utilizzare HTML5.

modificare i pulsanti presentare per utilizzare l'attributo nuovo pulsante HMTL5 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> 

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

+3

Questa dovrebbe essere la risposta accettata! L'ho appena testato e funziona perfettamente! Qualche parola sulla compatibilità del browser/dispositivo? – maartenmachiels

+0

Mi chiedo come questo interagisca con i moduli MVC di ASP.NET, poiché l'azione del modulo è specificata sul modulo stesso piuttosto che sui singoli pulsanti. – Triynko

+0

0

Infine, ho avuto la mia risposta dopo aver trascorso più di un'ora. Ho provato un metodo diverso come switch case, jquery e JavaScript. Ma ho usato solo il tag HTML5 formaction e ora il mio modulo due invia pulsante che lavora in due posizioni.

Codice:

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

Problemi correlati