本文實例講述了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程序設計有所幫助。