从javascript发布具有相同ID的多个表单

Question

我有一个小问题...我阅读了很多帖子并找到了一些答案但是...！我有多个用 PHP 代码动态创建的表单！我对每个表单都有复选框，我检查要保存的表单编辑！我的问题是，当我检查 3 个表单时，只保存了第一个，因为只有这篇文章才能保存到 save.php 页面！我对我的代码进行了一些更改：

当我按下按钮全部保存时，我可以做些什么来使此代码将所有表单发送到 save.php 页面

function save_all()
{
var all_elem=document.getElementsByTagName("*");
var same_id=new Array();
var index=0;
    var answer=confirm("The prices from checked products will change!Are you    sure");
    if(answer)
    {
        for(var i=0;all_elem.length;i++)
        {
            if(all_elem[i].id=="form1"){
            same_id[index++]=all_elem[i];
            document.forms[all_elem[i]].action="save_all.php";//error
            document.forms[all_elem[i]].submit();//error
            }
        }
    }


//this is my form and i have while loop to create multiple forms
<form id="form1" name="form[<?=$form_counter++;?>]" method="post" class="checkboxes">

Answer 1

首先，ID 必须是唯一的。期间。

http://www.w3.org/TR/html4/struct/global.html#adef-id

其次，代码太多，DOM 遍历效率很低。

var forms = document.getElementsByTagName("form");
for(var i = 0; i < forms.length; i++)
{
    forms[i].submit();
}

但我怀疑这会奏效。表单提交以某种方式重新加载页面。如何同时提交多个表单（除了将多个表单提交到不同窗口的极其晦涩的情况）？

如果它们都必须同时出现，为什么它们不以单一形式出现？

Answer 2

首先。使用唯一 ID始终

第二。您可以使用 Ajax、jQuery 或其他您喜欢的库来一一发送表单。但更好的是，使用单个表单，将所有输入字段添加到其中。因此，当您提交表单时，所有数据都将发送到您的 PHP 脚本（提示：为每个字段使用唯一名称，以便您识别它们代表的产品）