javascript - 如何将多个 HTML 表单中的值添加到一个数组中进行发送

Question

我正在构建一个移动网络应用程序，员工可以使用该应用程序提交给定一周的工作时间。该表单显示 7 个表单(每个表单代表一天)，由 PHP 循环函数构建，该函数运行包含一周信息的数组。每一天都是不同的形式。

我无法将所有日子合并为一天，因为我需要允许员工自己向每一天(div 中的表单)添加字段，以添加他们在工作时执行的事件。

它看起来像这样:

如果我将所有日期合并到一个表单中，每次您在某一天添加​​字段时，都会将该字段添加到第一天(而您可能在最后一天需要它)。

问题

我需要使用一个按钮提交整个星期。我已经见过像

这样的 JavaScript 方法

document.getElementById("form1").submit();
document.getElementById("form2").submit();

但这不能正常工作。任何人都可以为我提供指导或一些代码来帮助我解决这个问题吗？任何帮助将不胜感激!

Answer 1

你不能只用一种形式来实现这一点吗？

HTML

<form>
    <fieldset>
        <!-- all your fields for the day -->
        <legend>Monday</legend>
    </fieldset>

    <fieldset>
        <!-- all your fields for the day -->
        <legend>Tuesday</legend>
    </fieldset>
    <!-- ... -->

    <input type="submit" />        
</form>