JavaScript动态创建form表单并提交的实现方法
更新时间：2015年12月10日 09:45:51 作者：___NULL
这篇文章主要介绍了JavaScript动态创建form表单并提交的实现方法,涉及JavaScript动态创建页面元素及模拟表单提交的技巧,需要的朋友可以参考下
本文实例讲述了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实现动态添加Form表单元素的方法示例
- jQuery实现form表单元素序列化为json对象的方法
- js函数名与form表单元素同名冲突的问题
- javascript获取form里的表单元素的示例代码
- javascript实现的动态添加表单元素input,button等(appendChild)
- js创建表单元素并使用submit进行提交
- Javascript简单改变表单元素背景的方法
- JavaScript使用表单元素验证表单的示例代码
- js获取form表单所有数据的简单方法
- js实现a标签超链接提交form表单的方法
- Javascript和Java获取各种form表单信息的简单实例
- JS document form表单元素操作完整示例
相关文章
这篇文章主要介绍了JS简单实现数组去重的方法,结合具体实例形式分析了javascript数组遍历、判断实现去重复的相关操作技巧与注意事项,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了JavaScript学习笔记之数组去重的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要给大家介绍了光宇微信小程序单页面应用路由的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了jquery实现select下拉框美化特效,实现效果简洁大方，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
这篇文章主要给大家介绍了关于在Typescript中如何使用for...in的相关资料,以及TypeScript中使用for...in遍历对象属性会报错的解决办法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
IE有许多好用的方法，后来都被其他浏览器抄袭了，比如这个contains方法。如果A元素包含B元素，则返回true，否则false。唯一不支持这个方法的是IE的死对头firefox。2011-01-01
这篇文章主要为大家详细介绍了JavaScript实现京东秒杀效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
下面小编就为大家带来一篇老生常谈jacascript DOM节点获取。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
本文为大家准备了五个基于HTML+CSS+JS实现的酷炫登录页面的示例代码，文中的页面效果都很好看，需要的小伙伴可以参考一下2022-04-04
这篇文章主要介绍了JS实现带圆弧背景渐变效果的导航菜单代码,涉及JavaScript基于鼠标事件操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
最新评论