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 相关文章推荐
清除网页历史记录,屏蔽后退按钮!
Dec 22 Javascript
Javascript 模式实例 观察者模式
Oct 24 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 Javascript
javascript生成大小写字母
Jul 03 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
Nov 07 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
angular6开发steps步骤条组件
Jul 04 Javascript
JavaScript工具库MyTools详解
Jan 01 Javascript
微信小程序报错: thirdScriptError的错误问题
Jun 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
使用PHP实现阻止用户上传成人照片或者裸照
2014/12/25 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
JS中判断null、undefined与NaN的方法
2014/03/26 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
Bootstrap每天必学之下拉菜单
2015/11/25 Javascript
JS实现简单的二维矩阵乘积运算
2016/01/26 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
2016/04/13 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
微信小程序 图片边框解决方法
2017/01/16 Javascript
详解基于angular路由的requireJs按需加载js
2017/01/20 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
简单实现vue验证码60秒倒计时功能
2017/10/11 Javascript
vue中组件的3种使用方式详解
2019/03/23 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
jQuery实现简单聊天室
2020/02/08 jQuery
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
python编程实现12306的一个小爬虫实例
2017/12/27 Python
django模型动态修改参数,增加 filter 字段的方式
2020/03/16 Python
django正续或者倒序查库实例
2020/05/19 Python
python中如何写类
2020/06/29 Python
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
爱尔兰家电数码商城:Currys PC World爱尔兰
2016/07/23 全球购物
中秋节国旗下演讲稿
2014/09/05 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
对外汉语专业大学生职业生涯规划书
2014/10/11 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
公司仓库管理制度
2015/08/04 职场文书
礼仪培训心得体会
2016/01/22 职场文书
《青山不老》教学反思
2016/02/22 职场文书
Nginx配置https原理及实现过程详解
2021/03/31 Servers