Php jQuery多表单提交

我一页有4张表格。我知道表单不能嵌套

按该顺序提交

表单1和表单4发布到同一php页面进行处理。 表格1有1个输入字段 表格4有多个字段、复选框和选项

表格1或表格4发送两个表格的组合字段的最佳方法是什么

我已经尝试过jQuery，它对文本输入和复选框非常有用，但无法将其用于选择。 尝试将表单1和表单4结合起来，并使用css重新定位表单1，但无法获得正确的布局

---

有更简单的方法吗？

这是不可能的。您可以使用serialize或serializeArray方法获取表单数据，并使用Ajax将其发布到服务器：

将一组表单元素编码为字符串以供提交

---

好的，我无法获取。序列化以使用form4中的复选框数组，例如

<input type="checkbox" id="model[]">

所以我回去做了一件更简单的事：

移除表格1，将文本输入和提交按钮移动到表格4中的“我的原始表格1”中

将占位符放在表格2和表格3的上方，表格1以前所在的位置

在上面放置一个javascript：

$(document).ready(function(){
    $("#searchbox")
    .appendTo("#placeholder");
});

移动文本输入和提交按钮，将其相对于占位符div进行绝对和相对定位

---

通过这种方式，我将它们简化为1个表单，这正是它的意图，它不依赖javascript来处理任何数据，也不需要我在两个表单上进行串联序列化。

@实际上，未定义的感谢。序列化是我尝试的第一件事。似乎无法捕获复选框数组。然后我尝试：$'form4:input'.not'：submit'.clone.hide.appendTo'form1'；这对所有输入都很有效，但对标记不起作用=

var vals = []
    $('input:checkbox[name="model[]"]').each(function() {
        if (this.checked) {
            vals.push(this.value);
        }
    });

$(document).ready(function(){
    $("#searchbox")
    .appendTo("#placeholder");
});