2016-09-17 68 views
-3

我在3種不同的頁面上有3種形式,提交按鈕在第3頁上。如何通過點擊提交按鈕同時提交所有3種表格?有沒有在JavaScript或jQuery的任何解決方案?如何一次提交3種不同頁面的3種形式

頁面-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

<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> 

在submit.js我已經寫

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

你嘗試過什麼嗎?你能證明你做了什麼嗎? – JeetDaloneboy

+0

我已經創建了一個單獨的js文件submit.js,並且在那裏我寫了代碼, $(document).click(「#submit」,function(){(「#firstForm」)。submit(); $(「#secondtForm」)。submit(); $(「#thirdForm」)。submit(); }); – tech007

+0

嘗試使用hiden html iframe。 – JeetDaloneboy

回答

0

你在這裏有意嘗試創造的東西被稱爲嚮導 - 一個更大的表單,它被分解爲不同的部分。一種常見的方法是使用服務器端語言將第一頁的表單域的值作爲隱藏的輸入元素寫入第二頁。例如:

<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> 

我希望這有助於。