Question

我的表格有这样的动作。

<form action="edit.php" method="post">
.
.

<button class="btn btn-success"  name="submit_mult" type="submit">Edit</button>
</form>

我需要这个用于第一个按钮，现在我想使用相同的表单作为第二个按钮这次是删除，但是因为这个表单动作用于＆＃34; edit.php＆＃34;，所以我使用formaction =＆＃34; delete.php，这将点击该按钮时覆盖表单的action属性。

但是我希望第二个按钮显示在窗体之外而不是窗体内，我试图弄清楚它是如何工作的。

写得像这样......

 <div id="delete"><button class="btn btn-success" formaction="Multi_Edit/delete.php"  name="submit_mult" type="submit">delete</button></div>

当我把这个按钮放在窗体外面时不工作，但是在窗体内工作正常。

我怎样才能解决这个问题，使表格之外的按钮具有形式=＆＃34; delete.php＆＃34;如果这对jquery工作正常，如何在jquery中编写它！

Answer 1

试试这个

将put和id添加到表单

<form action="edit.php" method="post" id="myForm" >
.
.

和按钮的ID

<div id="delete"><button class="btn btn-success" formaction="Multi_Edit/delete.php"  name="submit_mult" id="myDeleteButton" type="submit">delete</button></div>

然后通过jquery处理表单提交

$("#myDeleteButton").click(function(){
     $("#myForm").attr('action','Multi_Edit/delete.php');
     $("#myForm").submit();
});

Answer 2

您可以使用form属性form="theForm"：

<form action="edit.php" method="post" id="theForm">...</form>
<div id="delete"><button form="theForm" class="btn btn-success" formaction="Multi_Edit/delete.php"  name="submit_mult" type="submit">delete</button></div>

见这里：http://www.sitepoint.com/the-html5-form-attribute/

如何把按钮放在窗体之外

2 个答案: