Jquery 提交页面上多个动态创建的From之一

我搜索过（相信我！），但出于某种原因，还没有找到我想要的答案，尽管我很确定我没有问一个独特的问题

背景： 我正在根据一个人的婚姻状况动态创建一些更新表单。考虑到一个人一生中可能有好几次伴侣或婚姻，一个人可能有多个伴侣。嗯

因此，HTML表单（不是真实的，而是模拟的）：

我的问题：如何处理现有jQuery代码，以确保它只从单击提交按钮（#updatePartner）的位置拾取和提交表单元素

我想我应该用类似的东西

var form = $(this).closest('form');

但是，就我的一生而言（我不是javascript最流利的人），我不能完全弄清楚如何使用这个变量来提交（绑定）这个特定表单的表单值。不要问任何困难的问题，我认为这是最基本的

注意：所有代码都可以工作（包括更新数据库的php处理脚本）——如果只有一个表单，它会完全执行它应该执行的操作。一旦第二种形式出现，它就会变得混乱

提前感谢您的帮助，但请不要以为我会理解简短的一行回答：-(

---

干杯

您不能有多个具有相同id的元素。看起来您甚至没有按id引用表单，所以请将其全部删除

我认为选择相关表格的最佳方式是：

var form = $(this).parent("form");

---

不能有多个元素具有相同的id。看起来您甚至没有按id引用表单，所以干脆将其全部删除

我认为选择相关表格的最佳方式是：

var form = $(this).parent("form");

试用 相反

尝试使用

$('form').submit(function(){
    //this prevents the form from submitting correctly
    return false;
})

---

首先，不能有两个或多个具有相同id的元素

您应该将代码更改为：

<form action="..." method="..." class="ajaxed">

<input type="text" value="John Smith" name="partnerName">
<input type="text" value="01-01-1987" name="marriageDate">
...
<input type="submit"  ...>

</form>

---

首先，不能有两个或多个具有相同id的元素

您应该将代码更改为：

<form action="..." method="..." class="ajaxed">

<input type="text" value="John Smith" name="partnerName">
<input type="text" value="01-01-1987" name="marriageDate">
...
<input type="submit"  ...>

</form>

---

呜呜呜！谢谢你-这很有效！提醒你，还是让我有点胡闹。非常感谢。呜呜呜！谢谢你-这很有效！提醒你，还是让我有点胡闹。非常感谢。

$(function() {

    $("form.ajaxed").submit(function(e) {
        e.preventDefault();

        $.ajax({
        type: "POST",
        url: "theProcessFile.php",
        data: $(this).serialize(),
        success: function() {
            // do some fancy jQuery stuff here
           }
        });
        return false;
    });
});