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获取变量
Aug 24 Javascript
jquery select操作的日期联动实现代码
Dec 06 Javascript
javascript面向对象编程(一) 实例代码
Jun 25 Javascript
js动态设置鼠标事件示例代码
Oct 30 Javascript
JavaScript中奇葩的假值示例应用
Mar 11 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
浅谈js的html元素的父节点,子节点
Aug 06 Javascript
JavaScript箭头(arrow)函数详解
Jun 04 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
vue+axios新手实践实现登陆的示例代码
Jun 06 Javascript
解决vue项目使用font-awesome,build后路径的问题
Sep 01 Javascript
angularjs使用div模拟textarea文本框的方法
Oct 02 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
ThinkPHP实现二级循环读取的方法
2014/11/03 PHP
php远程下载类分享
2016/04/13 PHP
Laravel中使用FormRequest进行表单验证方法及问题汇总
2016/06/19 PHP
php使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
利用location.hash实现跨域iframe自适应
2010/05/04 Javascript
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
微信小程序  生命周期详解
2016/10/27 Javascript
js中通过getElementsByName访问name集合对象的方法
2016/10/31 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
2017/05/24 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
Python实现的使用telnet登陆聊天室实例
2015/06/17 Python
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
python脚本开机自启的实现方法
2019/06/28 Python
简单了解python的break、continue、pass
2019/07/08 Python
Django多数据库的实现过程详解
2019/08/01 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
python随机生成库faker库api实例详解
2019/11/28 Python
python 实现线程之间的通信示例
2020/02/14 Python
Opencv求取连通区域重心实例
2020/06/04 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
美国美发品牌:Bumble and Bumble
2016/10/08 全球购物
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
abstract是什么意思
2012/02/12 面试题
大学同学聚会邀请函
2014/01/19 职场文书
十八届三中全会个人学习材料
2014/02/13 职场文书
购房意向书范本
2014/04/01 职场文书
2014年办公室工作总结范文
2014/11/12 职场文书
美术教师个人工作总结
2015/02/06 职场文书
齐云山导游词
2015/02/06 职场文书
2015年统战工作总结
2015/05/19 职场文书
Python机器学习之逻辑回归
2021/05/11 Python