JavaScript动态创建form表单并提交的实现方法


Posted in Javascript onDecember 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
js 未结束的字符串常量错误解决方法
Jun 13 Javascript
javascript中的继承实例代码
Apr 27 Javascript
javascript分页代码实例分享(js分页)
Dec 13 Javascript
jquery实现简洁文件上传表单样式
Nov 02 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
JavaScript几种数组去掉重复值的方法推荐
Apr 12 Javascript
jsTree使用记录实例
Dec 01 Javascript
vue项目中api接口管理总结
Apr 20 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
Jun 11 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
详解vue.js移动端配置flexible.js及注意事项
Apr 10 Javascript
jquery实现定时自动轮播特效
Dec 10 #Javascript
jQuery手动点击实现图片轮播特效
Apr 20 #Javascript
javascript实现unicode与ASCII相互转换的方法
Dec 10 #Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 #Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
Dec 10 #Javascript
原生js实现数字字母混合验证码的简单实例
Dec 10 #Javascript
js实现新年倒计时效果
Dec 10 #Javascript
You might like
Smarty模板快速入门
2007/01/04 PHP
php下通过IP获取地理位置的代码(小偷程序)
2011/06/09 PHP
php根据某字段对多维数组进行排序的方法
2015/03/07 PHP
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
js活用事件触发对象动作
2008/08/10 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
2018/10/16 Javascript
JS基于开关思想实现的数组去重功能【案例】
2019/02/18 Javascript
详解JavaScript实现动态的轮播图效果
2019/04/29 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
Python中的元类编程入门指引
2015/04/15 Python
Python入门之三角函数tan()函数实例详解
2017/11/08 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法
2019/09/17 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
tensorboard显示空白的解决
2020/02/15 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
科颜氏加拿大官方网站: Kiehl’s加拿大
2016/08/16 全球购物
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
捷克原创男装和女装购物网站:Bolf.cz
2018/04/28 全球购物
顶岗实习计划书
2014/01/10 职场文书
戒赌保证书
2015/05/11 职场文书
员工辞职信范文大全
2015/05/12 职场文书
股东协议书范本2016
2016/03/21 职场文书
小学毕业教师寄语
2019/06/21 职场文书
互联网创业商业模式以及赚钱法则有哪些?
2019/10/12 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis
排查Tomcat进程假死的问题
2022/05/06 Servers