一个表单有两个提交按钮,每个按钮有不同的操作


One form with two submit buttons and different actions for each button

我花了几个小时试图找到问题的解决方案,但似乎找不到合适的解决方案。提前感谢您的帮助!

我有一个html表单:

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

我想要两个提交按钮:

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

我希望第一个提交按钮在单击时具有formindb_hoh_1.php的操作,第二个提交按钮具有formindb_hoh2.php的操作。但我不确定如何使一个按钮具有一个操作,而使另一个按钮有不同的操作。

没有JS,使用HTML5。

更改提交按钮以使用新的HMTL5按钮属性形式:

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

参考:http://devdocs.io/html/element/button

请参阅:

多个提交按钮php不同操作

将此脚本放入您的页面:

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

修改您的输入代码:

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

花了一个多小时终于得到了答案。我尝试了各种方法,比如switchcase、jquery和JavaScript。但我只使用了HTML5formaction标签,现在我的表单二提交按钮在两个位置工作。

代码:

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

我也有同样的问题。但问题是第一个按钮函数是用JS编写的,而另一个是用PHP编写的。

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

您看到$('#add-bookingid').submit,因此两个按钮的按钮类型与submit相同。

主要用途

按钮#1

按钮#2