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 function使用心得
May 10 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
Dec 15 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
jQuery统计上传文件大小的方法
Jan 24 Javascript
Bootstrap模态对话框的简单使用
Apr 29 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
Vue.js 父子组件通讯开发实例
Sep 06 Javascript
不使用 JS 匿名函数理由
Nov 17 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 Javascript
js实现简易拖拽的示例
Oct 26 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中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
php计算函数执行时间的方法
2015/03/20 PHP
joomla组件开发入门教程
2016/05/04 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
IE下js调试工具Companion.JS
2010/10/15 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
2013/04/19 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
javascript动态控制服务器控件实例
2014/09/05 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
详解JavaScript中的六种错误类型
2017/09/21 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
深入了解JavaScript 私有化
2019/05/30 Javascript
vue组件命名和props命名代码详解
2019/09/01 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
[04:16]完美世界DOTA2联赛PWL S2 集锦第一期
2020/11/23 DOTA
Python 字符串操作方法大全
2014/03/11 Python
python pandas消除空值和空格以及 Nan数据替换方法
2018/10/30 Python
python 实现逻辑回归
2020/12/30 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
中国第一家杂志折扣订阅网:杂志铺
2016/08/30 全球购物
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
网络体系结构及协议的定义
2014/03/13 面试题
工程管理专业个人求职信范文
2013/12/07 职场文书
四风问题查摆材料
2014/08/25 职场文书
新郎结婚保证书
2015/02/26 职场文书
职称评定个人总结
2015/03/05 职场文书
大学生就业指导课心得体会
2016/01/15 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书
三年级作文之小小梦想
2019/12/06 职场文书
简单谈谈Python面向对象的相关知识
2021/06/28 Python
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers