JavaScript動態(tài)創(chuàng)建form表單并提交的實現(xiàn)方法

更新時間：2015年12月10日 09:45:51 作者：___NULL

這篇文章主要介紹了JavaScript動態(tài)創(chuàng)建form表單并提交的實現(xiàn)方法,涉及JavaScript動態(tài)創(chuàng)建頁面元素及模擬表單提交的技巧,需要的朋友可以參考下

本文實例講述了JavaScript動態(tài)創(chuàng)建form表單并提交的實現(xiàn)方法。分享給大家供大家參考，具體如下：

頁面布局有些復雜的情況下，可能需要在頁面中動態(tài)創(chuàng)建一個 form，JavaScript 創(chuàng)建 form 演示如下：

// JavaScript 構建一個 form 
function MakeForm() 
{ 
  // 創(chuàng)建一個 form 
  var form1 = document.createElement("form"); 
  form1.id = "form1"; 
  form1.name = "form1"; 
  // 添加到 body 中 
  document.body.appendChild(form1); 
  // 創(chuàng)建一個輸入 
  var input = document.createElement("input"); 
  // 設置相應參數(shù) 
  input.type = "text"; 
  input.name = "value1"; 
  input.value = "1234567"; 
  // 將該輸入框插入到 form 中 
  form1.appendChild(input); 
  // form 的提交方式 
  form1.method = "POST"; 
  // form 提交路徑 
  form1.action = "/servlet/info"; 
  // 對該 form 執(zhí)行提交 
  form1.submit(); 
  // 刪除該 form 
  document.body.removeChild(form1); 
}

調用 MakeForm 后，立即創(chuàng)建一個 Form，并提交，然后移除該 Form。

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

JS簡單實現(xiàn)數(shù)組去重的方法分析
這篇文章主要介紹了JS簡單實現(xiàn)數(shù)組去重的方法,結合具體實例形式分析了javascript數(shù)組遍歷、判斷實現(xiàn)去重復的相關操作技巧與注意事項,需要的朋友可以參考下
2017-10-10
JavaScript學習筆記之數(shù)組去重
這篇文章主要介紹了JavaScript學習筆記之數(shù)組去重的相關資料,需要的朋友可以參考下
2016-03-03
10分鐘徹底搞懂微信小程序單頁面應用路由
這篇文章主要給大家介紹了光宇微信小程序單頁面應用路由的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-03-03
jquery實現(xiàn)select下拉框美化特效代碼分享
這篇文章主要介紹了jquery實現(xiàn)select下拉框美化特效,實現(xiàn)效果簡潔大方，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
在Typescript中如何使用for...in詳解
這篇文章主要給大家介紹了關于在Typescript中如何使用for...in的相關資料,以及TypeScript中使用for...in遍歷對象屬性會報錯的解決辦法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-03-03
js contains方法實現(xiàn)代碼
IE有許多好用的方法，后來都被其他瀏覽器抄襲了，比如這個contains方法。如果A元素包含B元素，則返回true，否則false。唯一不支持這個方法的是IE的死對頭firefox。
2011-01-01
JavaScript實現(xiàn)京東秒殺效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)京東秒殺效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-11-11
老生常談jacascript DOM節(jié)點獲取
下面小編就為大家?guī)硪黄仙Ｕ刯acascript DOM節(jié)點獲取。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
五個基于JS實現(xiàn)的炫酷登錄頁面
本文為大家準備了五個基于HTML+CSS+JS實現(xiàn)的酷炫登錄頁面的示例代碼，文中的頁面效果都很好看，需要的小伙伴可以參考一下
2022-04-04
JS實現(xiàn)帶圓弧背景漸變效果的導航菜單代碼
這篇文章主要介紹了JS實現(xiàn)帶圓弧背景漸變效果的導航菜單代碼,涉及JavaScript基于鼠標事件操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10