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 相关文章推荐
javascript 读取xml,写入xml 实现代码
Jul 10 Javascript
javascript中定义私有方法说明(private method)
Jan 27 Javascript
Ajax中解析Json的两种方法对比分析
Jun 25 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
BootStrap中的table实现数据填充与分页应用小结
May 26 Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
Oct 11 Javascript
React组件的三种写法总结
Jan 12 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
js简易版购物车功能
Jun 17 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
Jul 19 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
dedecms模版制作使用方法
2007/04/03 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
ArrayList类(增强版)
2007/04/04 Javascript
javascript 装载iframe子页面,自适应高度
2009/03/20 Javascript
JS分割字符串并放入数组的函数
2011/07/04 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
2016/11/24 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
详解vue express启动数据服务
2017/07/05 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
angular 未登录状态拦截路由跳转的方法
2018/10/09 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
Python 元类使用说明
2009/12/18 Python
python 2.7.14安装图文教程
2018/04/08 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
python通过TimedRotatingFileHandler按时间切割日志
2019/07/17 Python
python中property和setter装饰器用法
2019/12/19 Python
使用pyecharts1.7进行简单的可视化大全
2020/05/17 Python
关于box-sizing的全面理解
2016/07/28 HTML / CSS
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
行政经理岗位职责
2013/11/09 职场文书
毕业研究生的自我鉴定
2013/11/30 职场文书
求职信怎么写范文
2014/05/26 职场文书
护士个人总结范文
2015/02/13 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
Golang 编译成DLL文件的操作
2021/05/06 Golang
opencv 分类白天与夜景视频的方法
2021/06/05 Python
Nginx HTTP跳转至HTTPS
2022/05/15 Servers