兩種形式，一種提交按鈕

我有兩種形式，我需要一個提交按鈕兩種形式。我怎麼能做到這一點，沒有Ajax？兩種形式，一種提交按鈕

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

<form action="" id="form2" method="post"> 
    <input type="file" name="file"> 
    <input type="text" name="text"> 
</form>

我知道，這個話題已經提出了不止一次，但它不是一個重複的，因爲我需要它沒有Ajax

來源

2017-08-11 Nikita Dudarev

你的意思AJAX或JavaScript的？ –

ajax，因爲在項目的體系結構中很難做到這一點 –

你不能在沒有Ajax的情況下同時提交2個表單，這是沒有意義的。表單提交意味着將所有輸入序列化（使用POST或GET），將它們發送到'action' URL，然後執行服務器所說的任何操作（到'x-www-form-urlencoded'，'form-data'或將其保留爲原始格式），或者導航或者立即呈現響應。你將如何同時做2個？這裏你最終的目標是什麼？爲什麼沒有Ajax？ – kaqqao

您可以使用Document.forms它返回一個collection.Thereafter forms[0]將從DOM返回第一個表格等等。然後你可以用一個按鈕提交表單

<button type = "button" onclick="submitForm()">Submit</button> 

function submitForm(){ 
    document.forms[0].submit(); 
    document.forms[1].submit(); 
}

來源

2017-08-11 07:41:37 brk

您必須聲明button並附加點擊事件處理程序它。

<input type="button" value="Click" onclick="submit()" /> 

function submit(){ 
    document.getElementById("form1").submit(); 
    document.getElementById("form2").submit(); 
}

來源

2017-08-11 07:37:17

這種方法不能與ajax一起使用嗎？像觸發器 –

Downvoted因爲你只是複製粘貼重複帖子的解決方案。 – Erazihel

你在跟我說話嗎？ –

兩種形式，一種提交按鈕

回答

相關問題