本文實例講述了JavaScript動態創建form表單並提交的實現方法。分享給大家供大家參考,具體如下:
頁面布局有些復雜的情況下,可能需要在頁面中動態創建一個 form,JavaScript 創建 form 演示如下:
// JavaScript 構建一個 form
function MakeForm()
{
// 創建一個 form
var form1 = document.createElement("form");
form1.id = "form1";
form1.name = "form1";
// 添加到 body 中
document.body.appendChild(form1);
// 創建一個輸入
var input = document.createElement("input");
// 設置相應參數
input.type = "text";
input.name = "value1";
input.value = "1234567";
// 將該輸入框插入到 form 中
form1.appendChild(input);
// form 的提交方式
form1.method = "POST";
// form 提交路徑
form1.action = "/servlet/info";
// 對該 form 執行提交
form1.submit();
// 刪除該 form
document.body.removeChild(form1);
}
調用 MakeForm 後,立即創建一個 Form,並提交,然後移除該 Form。
希望本文所述對大家JavaScript程序設計有所幫助。