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 相关文章推荐
js检测客户端不是firefox则提示下载
Apr 07 Javascript
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
Mar 17 Javascript
AngularJS 实现JavaScript 动画效果详解
Sep 08 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
关于Bootstrap按钮组件消除黄框的方法
May 19 Javascript
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
Echarts.js无法引入问题解决方案
Oct 30 Javascript
Vue $attrs & inheritAttr实现button禁用效果案例
Dec 07 Vue.js
简单聊聊Vue中的计算属性和属性侦听
Oct 05 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
php curl 伪造IP来源的实例代码
2012/11/01 PHP
PHP防盗链代码实例
2014/08/27 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
2015/03/18 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
Alliance vs Liquid BO3 第一场2.13
2021/03/10 DOTA
Javascript客户端将指定区域导出到Word、Excel的代码
2008/10/22 Javascript
Javascript String.replace的妙用
2009/09/08 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
有关javascript的性能优化 (repaint和reflow)
2013/04/12 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
使用jQuery判断浏览器滚动条位置的方法
2016/05/30 Javascript
详解如何在NodeJS项目中优雅的使用ES6
2017/04/22 NodeJs
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
Vue项目自动转换 px 为 rem的实现方法
2018/10/29 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
Python中with及contextlib的用法详解
2017/06/08 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
django框架两个使用模板实例
2019/12/11 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
纯CSS3实现图片无间断轮播效果
2016/08/25 HTML / CSS
css3进行截取替代js的substring
2013/09/02 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
酒店副总岗位职责
2013/12/24 职场文书
办加油卡单位介绍信
2014/01/09 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
律师授权委托书范本
2014/10/07 职场文书
商业用房租赁协议书
2014/10/13 职场文书
网络研修随笔感言
2015/11/18 职场文书
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript