如何将多个表单提交到一个页面

How to Submit Multiple Forms To a page

本文关键字：一个 表单提交      更新时间：2023-09-26

下面是一个示例表单，它是通过php中的循环生成的，希望逐个提交表单数据，从中所有表单数据将通过单个get.php文件正确插入数据库，并且希望在提交表单后重定向到表单操作文件。

<form class="form-horizontal" action="get.php" method="post">
  <div class="form-group">
    <label for="track_id" class="control-label col-sm-2">track_id :</label>
    <div class="col-sm-8">
      <input type="text" name="track_id" value="3407" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="seokey" class="control-label col-sm-2">seokey :</label>
    <div class="col-sm-8">
      <input type="text" name="seokey" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="track_title" class="control-label col-sm-2">track_title :</label>
    <div class="col-sm-8">
      <input type="text" name="tracktitle" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="meta_track" class="control-label col-sm-2">meta_track :</label>
    <div class="col-sm-8">
      <input type="text" name="metatrack" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan.mp3" id="track_id" class="form-control">
    </div>
  </div>
</form>
<form class="form-horizontal" action="get.php" method="post">
  <div class="form-group">
    <label for="track_id" class="control-label col-sm-2">track_id :</label>
    <div class="col-sm-8">
      <input type="text" name="track_id" value="3407" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="seokey" class="control-label col-sm-2">seokey :</label>
    <div class="col-sm-8">
      <input type="text" name="seokey" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="track_title" class="control-label col-sm-2">track_title :</label>
    <div class="col-sm-8">
      <input type="text" name="tracktitle" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="meta_track" class="control-label col-sm-2">meta_track :</label>
    <div class="col-sm-8">
      <input type="text" name="metatrack" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan.mp3" id="track_id" class="form-control">
    </div>
  </div>
</form><form class="form-horizontal" action="get.php" method="post">
  <div class="form-group">
    <label for="track_id" class="control-label col-sm-2">track_id :</label>
    <div class="col-sm-8">
      <input type="text" name="track_id" value="3407" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="seokey" class="control-label col-sm-2">seokey :</label>
    <div class="col-sm-8">
      <input type="text" name="seokey" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="track_title" class="control-label col-sm-2">track_title :</label>
    <div class="col-sm-8">
      <input type="text" name="tracktitle" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan" id="track_id" class="form-control">
    </div>
  </div>
  <div class="form-group">
    <label for="meta_track" class="control-label col-sm-2">meta_track :</label>
    <div class="col-sm-8">
      <input type="text" name="metatrack" value="Aahun Aahun Aahun Aahun - Jai Jawan Jai Kisaan.mp3" id="track_id" class="form-control">
    </div>
  </div>
</form>
<div class="col-sm-offset-2 col-sm-10" style="margin-top:10px;">
  <button class="btn btn-primary">Submit</button>
</div>

我自己尝试了很多，但都失败了。CCD_ 2或CCD_。

试试这个。当点击按钮时，它将通过ajax提交每个表单。最后一个表单将正常提交，因此将进行重定向。

$('button').click(function(){
    var $forms = $('form');
    var numForms = $forms.length;
    $forms.each(function(i, el){
        if(i < numForms - 1){
           $.post($(this).attr('action'), $(this).serialize());
        }else{
           $(this).submit();
        }
    });
});

表单数据可以通过具有表单元素的name属性的$_POST超全局访问，例如$_POST['tracktitle']

相关文章：