三個單獨的表單一個提交按鈕

Question

我試過幾種不同的方法，但到目前爲止沒有任何工作。

我有3種不同的形式。

當你點擊表單A.它會下降，並允許人們填寫它。

當你點擊表單B時，它將隱藏表單A.並下拉表單b。供人填寫。

現在用這種方法，我想在底部有一個提交按鈕。

但我不知道如何使每個表單發送一個單獨提交。

我知道這可以做到。但是，我無法讓它工作。

我對很多這方面還是很陌生的。

下面是我使用的嘗試，並做到這一點的代碼：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#submit").click(function() { 
      $.post($("#simple").attr("action"), $("#simple").serialize(), 
       function() { }); 

      $.post($("#complete").attr("action"), $("#simple").serialize(), 
       function() { }); 

       $.post($("#Miscellaneous").attr("action"), $("#simple").serialize(), 
       function() {}); 
     }); 
    }); 
</script> 

Answer 1

這應該工作。代碼雖然未經測試。

$('#button').click(function(e){ 
    e.preventDefault(); 
    $('#form1').submit(); 
    $('#form2').submit(); 
    $('#form3').submit(); 
})​ 

編輯：。這也可以幫助你，如果你喜歡https://api.jquery.com/nth-child-selector/