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

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

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

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

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

// JavaScript 構(gòu)建一個 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è)置相應(yīng)參數(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); 
}

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

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

您可能感興趣的文章:

相關(guān)文章

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