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

Question

我花了几个小时试图找到我的问题的解决方案，但似乎无法找到合适的解决方案。 提前感谢你的帮助！

我有一个 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_hoh_2.php 的动作，但我不确定如何使一个按钮具有一个动作而另一个按钮具有不同的动作行动。

Answer 1

没有 JS，使用 HTML5。

更改提交按钮以使用新的 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>

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

Answer 2

参考这个：

多个提交按钮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" />

Answer 3

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

代码 ：

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

Answer 4

我有同样的问题。 但问题是第一个按钮功能在 JS 中，而另一个使用 PHP。

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

您会看到 $('#add-bookingid').submit，因此两个按钮与提交具有相同的按钮类型。

主要目的

按钮#1

按钮#2