提出方法3つの異なるページを一度に複写する

Question

私は3つの異なるページに3つのフォームがあり、3つのページには送信ボタンがあります。送信ボタンをクリックして3つのフォームを同時に送信するにはどうすればよいですか？ javascriptまたはjqueryには何か解決策がありますか？

ページ-1

<script src="home/submit.js" type="text/javascript"></script> 
<form id="firstForm"> 
    <input type="checkbox" name="answ1" value="answ1" autocomplete="off"/> 
</form> 

ページ-2

<script src="home/submit.js" type="text/javascript"></script> 
<form id="secondForm"> 
    <input type="checkbox" name="answ2" value="answ2" autocomplete="off"/> 
    <input type="checkbox" name="answ3" value="answ3" autocomplete="off"/> 
    <input type="checkbox" name="answ4" value="answ4" autocomplete="off"/> 
</form> 

ページ-3、私が書かれているsubmit.jsで

<script src="home/submit.js" type="text/javascript"></script> 
<form id="ThirdForm"> 
    <input type="checkbox" name="answ5" value="answ5" autocomplete="off"/> 
    <input type="checkbox" name="answ6" value="answ6" autocomplete="off"/> 
    <input type="checkbox" name="answ7" value="answ7" autocomplete="off"/> 
    <button id="submitt" type="submit">submit</button> 
</form> 

$(document).click("#submit",function(){ 
    $("#firstForm").submit(); 
    $("#secondForm").submit(); 
    $("#thirdForm").submit(); 
}); 

Answer 1

ここで効果的に作成しようとしているものは、ウィザードと呼ばれ、別のセクションに分割された大きなフォームです。 1つの一般的な方法は、サーバー側の言語を使用して、最初のページのフォームフィールドの値を非表示の入力要素として2ページ目に書き込むことです。例：

<script src="home/submit.js" type="text/javascript"></script> 
<form id="secondForm"> 
    <!-- this is the submission from the first page, and could be generated in a server-side scripting language --> 
    <input type="hidden" name="answ1" value="ANSWER" /> 
    <input type="checkbox" name="answ2" value="answ2" autocomplete="off"/> 
    <input type="checkbox" name="answ3" value="answ3" autocomplete="off"/> 
    <input type="checkbox" name="answ4" value="answ4" autocomplete="off"/> 
</form> 

これが役立ちます。