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 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
Javascript模板技术
Apr 27 Javascript
摘自百度的图片轮换效果代码
Nov 19 Javascript
checkbox 多选框 联动实现代码
Oct 22 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
JavaScript闭包的简单应用
Sep 01 Javascript
JavaScript中如何判断一个值的类型
Sep 15 Javascript
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
微信小程序云开发之使用云存储
May 17 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 Vue.js
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
Zend Framework动作控制器用法示例
2016/12/09 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
javascript 拖放效果实现代码
2010/01/22 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
jQuery实现自定义checkbox和radio样式
2015/07/13 Javascript
JavaScript实现定时隐藏与显示图片的方法
2015/08/06 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
2018/12/24 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
jquery+ajax实现异步上传文件显示进度条
2020/08/17 jQuery
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
Python openpyxl 遍历所有sheet 查找特定字符串的方法
2018/12/10 Python
Python制作词云图代码实例
2019/09/09 Python
python 采用paramiko 远程执行命令及报错解决
2019/10/21 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
使用phonegap操作数据库的实现方法
2017/03/31 HTML / CSS
英国折扣高尔夫商店:Discount Golf Store
2019/11/19 全球购物
大学生求职中的自我评价
2013/10/01 职场文书
大学生创业计划书的范文
2014/01/07 职场文书
售后服务承诺书范文
2014/03/26 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
2015年世界环境日演讲稿
2015/03/18 职场文书
学校工会工作总结2015
2015/05/19 职场文书
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL