jQuery 合并两个表单的提交值

在本文中，我们将介绍如何使用jQuery合并两个表单的提交值。当我们提交表单时，有时候需要将两个或多个表单的值合并在一起进行处理。使用jQuery可以轻松实现这一功能。下面的示例将详细介绍如何使用jQuery合并两个表单的提交值，并提供相应的代码示例。

阅读更多：jQuery 教程

示例表单

假设我们有两个表单，分别是Form1和Form2。每个表单都有一些输入字段，我们希望在提交时将它们的值合并在一起。下面是我们示例表单的代码：

<form id="form1">
    <label for="name1">姓名：</label>
    <input type="text" id="name1" name="name1" />

    <label for="age1">年龄：</label>
    <input type="text" id="age1" name="age1" />
</form>

<form id="form2">
    <label for="name2">姓名：</label>
    <input type="text" id="name2" name="name2" />

    <label for="age2">年龄：</label>
    <input type="text" id="age2" name="age2" />
</form>

<button id="submitBtn">提交</button>

以上代码中，我们分别创建了两个表单，每个表单有一个姓名输入框和一个年龄输入框，并且有一个提交按钮。

合并表单值的jQuery代码

我们可以使用jQuery来获取每个表单的值，并将值合并在一起。下面是实现合并表单值的jQuery代码：

$(document).ready(function(){
  $('#submitBtn').click(function(){
    var name1 = $('#name1').val();
    var age1 = $('#age1').val();
    var name2 = $('#name2').val();
    var age2 = $('#age2').val();

    var mergedFormValues = name1 + ' ' + age1 + ' ' + name2 + ' ' + age2;
    console.log(mergedFormValues);

    // 在这里可以对合并后的表单值进行处理或提交
  });
});

以上代码使用了jQuery的val()函数来获取表单输入框的值，并将它们合并在一起，存储在mergedFormValues变量中。我们可以在控制台上打印合并后的值，也可以根据需求对合并后的表单值进行处理或提交。