Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在单击按钮时发布其他表单对象_Javascript_Jquery_Html - Fatal编程技术网

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(“,”
)并循环执行该操作。我不能使用第二个示例,因为每个表单都应该单独运行。在这种情况下,无论使用何种语言,您将如何处理提交页面?