JavaScript動態(tài)創(chuàng)建form表單并提交的實現(xiàn)方法
本文實例講述了JavaScript動態(tài)創(chuàng)建form表單并提交的實現(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è)計有所幫助。
- JavaScript實現(xiàn)動態(tài)添加Form表單元素的方法示例
- jQuery實現(xiàn)form表單元素序列化為json對象的方法
- js函數(shù)名與form表單元素同名沖突的問題
- javascript獲取form里的表單元素的示例代碼
- javascript實現(xiàn)的動態(tài)添加表單元素input,button等(appendChild)
- js創(chuàng)建表單元素并使用submit進(jìn)行提交
- Javascript簡單改變表單元素背景的方法
- JavaScript使用表單元素驗證表單的示例代碼
- js獲取form表單所有數(shù)據(jù)的簡單方法
- js實現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
- Javascript和Java獲取各種form表單信息的簡單實例
- JS document form表單元素操作完整示例
相關(guān)文章
解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法
今天小編就為大家分享一篇解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例
實現(xiàn)了六款簡單常見HTML5 Canvas特效濾鏡,并且封裝成一個純JavaScript可調(diào)用的API文件gloomyfishfilter.js,程序源代碼如下,感興趣的朋友可以參考下哈2013-06-06js open() 與showModalDialog()方法使用介紹
項目開發(fā)中經(jīng)常要用到j(luò)s open() 與showModalDialog()方法,下面有個不錯的示例,喜歡的朋友可以研究下2013-09-09javascript事件的綁定基礎(chǔ)實例講解(34)
這篇文章主要為大家詳細(xì)介紹了javascript事件的綁定基礎(chǔ)實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02document.all與getElementById、getElementsByName、getElementsByT
Document.all[]是文檔中所有標(biāo)簽組成的一個數(shù)組變量,包括了文檔對象中所有元素2008-12-12