JavaScript动态创建form表单并提交的实现方法
5星 · 超过95%的资源 134 浏览量
2020-10-23
04:20:42
上传
评论
收藏 32KB PDF 举报 
JavaScript动态创建动态创建form表单并提交的实现方法表单并提交的实现方法
主要介绍了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程序设计有所帮助。
- 1
- 2
前往页