jQuery多个表单提交

Question

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

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

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

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

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

按顺序出现.

表单1和表单4发布到相同的php页面进行处理.表单1有1个输入字段表单4有多个字段,复选框和选择.

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

我已经尝试过jQuery,非常适合文本输入和复选框,但无法使用Select.尝试组合表单1和表单4并使用css重新定位表单1,但无法正确布局.

有什么比这更简单的了吗？

Answer 1

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

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

$('#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() {
       // ...
   });
});