Javascript 在单击按钮时发布其他表单对象
我有以下多种表格。这个页面是动态的,我不能说里面有多少表单Javascript 在单击按钮时发布其他表单对象,javascript,jquery,html,Javascript,Jquery,Html,我有以下多种表格。这个页面是动态的,我不能说里面有多少表单 <form name="f1" action="submit.php" method=POST> <input type="hidden" name="approve1" value="93545" /> <input type="submit" value="Submit/> </form> <form name="f2" action="submit.php" method=P
<form name="f1" action="submit.php" method=POST>
<input type="hidden" name="approve1" value="93545" />
<input type="submit" value="Submit/>
</form>
<form name="f2" action="submit.php" method=POST>
<input type="hidden" name="approve2" value="93545" />
<input type="submit" value="Submit/>
</form>
.....
<input type="button" value="Submit All"/>
.....
当我单击“全部提交””时,所有表单的值(示例中为approve1、approve2)都应在页面中提交
感谢您对Jquery或Javascript的任何帮助 要一次提交所有输入,您必须创建一个新的
。
这可以使用jQuery动态完成:
$(function() {
$("#submitAll").click(function(ev) {
ev.preventDefault();
var newForm = $("<form action='/echo/html/' method='POST'></form>");
$("form input[type='hidden']").each(function(i, e) {
newForm.append(
$("<input type='hidden' />")
.attr("name", e.name)
.attr("value", e.value)
);
});
$(document.body).append(newForm);
newForm.submit();
});
});
$(函数(){
$(“#次安装”)。单击(功能(ev){
ev.preventDefault();
var newForm=$(“”);
$(“表单输入[type='hidden'])。每个(函数(i,e){
newForm.append(
$("")
.attr(“名称”,即名称)
.attr(“价值”,即价值)
);
});
$(document.body).append(newForm);
newForm.submit();
});
});
这里有一个
然而,我推荐一种不同的方法。“提交”按钮可以在一个表单中包含所需的所有信息
<form name="f1" action="submit.php" method="POST">
<button type="submit" name="approve" value="93545">
Approve 1
</button>
<button type="submit" name="approve" value="12345">
Approve 2
</button>
<button type="submit" name="approve" value="93545,12345">
Approve All
</button>
</form>
批准1
批准2
全部批准
您是否可以向我们展示您所做的尝试?@JayBlanchard:我可以在javascript的帮助下运行一个循环,以了解固定的表单计数集。但我无法提交;我也找不到动态的逻辑submit@Jay:我对新页面加载感到满意。但它应该只发生一次,我需要捕获不同形式的所有数据。如何做?我如何在表单提交页面中阅读它,以及fiddle示例?在Chrome中,您可以转到开发人员工具、网络,并在单击提交时选择最后一个请求。详情将在HeaderThanks索取。但如何在提交页面中使用它进行处理。同样,我不知道有多少批准隐藏类型在提交页面来。请建议Submit页面是一个PHP
不幸的是,我不是一个PHP程序员,但是如果您使用我的第二个示例,您将在一个字段中收到所有批准ID:approve
。您可以执行字符串拆分(如JavaScript中的“1,2”.split(“,”
)并循环执行该操作。我不能使用第二个示例,因为每个表单都应该单独运行。在这种情况下,无论使用何种语言,您将如何处理提交页面?