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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
jQuery 动态酷效果实现总结
Dec 27 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
javascript四舍五入函数代码分享(保留后几位)
Dec 10 Javascript
用Move.js配合创建CSS3动画的入门指引
Jul 22 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
javascript省市区三级联动下拉框菜单实例演示
Nov 29 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 Javascript
Vue+webpack实现懒加载过程解析
Feb 17 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
谈谈node.js中的模块系统
Sep 01 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 中执行排序与 MySQL 中排序
2009/04/21 PHP
PHP判断远程图片或文件是否存在的实现代码
2014/02/20 PHP
Thinkphp实现短信验证注册功能
2016/10/18 PHP
OAuth认证协议中的HMACSHA1加密算法(实例)
2017/10/25 PHP
php实例化一个类的具体方法
2019/09/19 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
采用call方式实现js继承
2014/05/20 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
2015/04/16 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
Thinkphp5微信小程序获取用户信息接口的实例详解
2017/09/26 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
Webpack之tree-starking 解析
2018/09/11 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
js实现旋转木马轮播图效果
2020/01/10 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
python包的导入方式总结
2021/03/02 Python
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
英国医生在线预约:Top Doctors
2019/10/30 全球购物
2014年机关党建工作总结
2014/11/11 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
商标侵权律师函
2015/05/27 职场文书
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers