php - jQuery 多表单提交

Question

我在一个页面上有 4 个表单。我知道表单不能嵌套。

<form id="form1"></form>

<form id="form2"></form>

<form id="form3"></form>

<form id="form4"></form>

按此顺序呈现。

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

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

我试过 jQuery，它非常适合文本输入和复选框，但无法让它与 Select 一起使用。尝试组合 form 1 和 form 4 并使用 css 重新定位 form 1，但无法正确布局。

有没有更简单的方法来做到这一点？

Answer 1

这是不可能的。您可以使用 serialize() 或 serializeArray() 方法获取表单数据并使用 Ajax 将它们发布到服务器:

Encode a set of form elements as a string for submission.

$('#send').click(function() {
   var firstFormData  = $('form:eq(0)').serializeArray();
   var fourthFormData = $('form:eq(3)').serializeArray();
   $.ajax({
        url  : '...',
        type : 'post',
        data : firstFormData.concat(fourthFormData)
   }).done(function() {
       // ...
   });
});