javascript - 运行 Submit() 两次以一次提交到不同的表单

Question

我有以下两种形式

<form id="form1" method="post" action="">
    <input type="text" name="field1">
</form>

<form id="form2" method="post" action="">
    <input type="text" name="field2">
    <input type="submit" id="save" name="submit" value="Save">
</form>

这两种形式在页面上处于非常相反且不相关的位置。我希望能够在保存时同时提交它们。我也知道保存仅适用于第二个表单，但就是这样，因为我被指示在创建带有 field2 的表单后稍后添加上面的表单。我会纠正它。

我的js如下

$('#save').on('click', function(event){
    form1 = $("#form1");
    form2 = $(#"form2");
    event.preventDefault() //Some other checks happen before submission that's why I am preventing it
    //Checks

    form2.submit();
    form1.submit();
});

但在我的后端，只有 field1 位于 request.POST(django) 字典中。我相信，因为我是第二次提交的。当我只需要提交一份(表格2)时，一切都有效。但我不能两者兼得。如何同时提交两份不同​​的表格？

Answer 1

对于这个特定的实例，您可以将其一起发送，如下所示:

$('#save').on('click', function(event){
     event.preventDefault();
     var form = $('<form method="post"></form>'); 
     $(form).append($('#field1'));
     $(form).append($('#field2'));

     $(form).appendTo('body');

     $(form).submit();

});