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 相关文章推荐
bootstrap3 兼容IE8浏览器!
May 02 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 Javascript
原生js封装的一些jquery方法(详解)
Sep 20 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
浅谈JavaScript的计时器对象
Dec 26 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 Javascript
webpack proxy 使用(代理的使用)
Jan 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
PHP判断指定时间段的2个方法
2014/03/14 PHP
PHP使用GIFEncoder类生成的GIF动态图片验证码
2014/07/01 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
php使用str_replace替换多维数组的实现方法分析
2017/06/15 PHP
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
2013/03/15 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
2018/09/02 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
2020/01/16 Javascript
python实现给字典添加条目的方法
2014/09/25 Python
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
对于Python中RawString的理解介绍
2016/07/07 Python
一看就懂得Python的math模块
2018/10/21 Python
python读取各种文件数据方法解析
2018/12/29 Python
Python 抓取微信公众号账号信息的方法
2019/06/14 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
Python 3 判断2个字典相同
2019/08/06 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
仓库门卫岗位职责
2013/12/22 职场文书
毕业证丢失证明
2014/01/15 职场文书
加工操作管理制度
2014/01/19 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
员工辞职信怎么写
2015/02/27 职场文书
工作保证书怎么写
2015/02/28 职场文书
详解python网络进程
2021/06/15 Python
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS