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 相关文章推荐
JavaScript页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
vue实现页面加载动画效果
Sep 19 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
Oct 29 Javascript
利用node.js开发cli的完整步骤
Dec 29 Javascript
JavaScript实现简单图片切换
Apr 29 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 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
如何提高javascript加载速度
2016/12/26 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
Python 登录网站详解及实例
2017/04/11 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
机器学习python实战之决策树
2017/11/01 Python
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
python实现朴素贝叶斯算法
2018/11/19 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
pycharm 关掉syntax检查操作
2020/06/09 Python
python用Configobj模块读取配置文件
2020/09/26 Python
Python排序函数的使用方法详解
2020/12/11 Python
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
行政助理求职自荐信
2013/10/26 职场文书
社会实践自我鉴定
2013/11/07 职场文书
物流仓管员岗位职责
2013/12/04 职场文书
西式结婚主持词
2014/03/14 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
党员转正介绍人意见
2015/06/03 职场文书
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL