JavaScript EXT 创建一个 form 表单并提交
2016-03-15 16:37
411 查看
页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 form 演示如下:
[javascript]
view plain
copy
// 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]
view plain
copy
// 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。
相关文章推荐
- megapix-image插件 使用Canvas压缩图片上传 MegaPixImage.js下载
- 最简单的JSP 文件
- js自定义函数时间显示(重构时间函数)
- js遍历拼接list集合对象,JSONArray数组
- js 截取某个字符前面或者后面的字符串
- JSP的九大内置对象
- javascript实现html延时按钮
- doT.js 爱好者
- js获取当前页面的URL
- Ajax——json
- 使用maven 创建SSi框架的地址,以及echarts类库的地址 json_lib的地址
- JSTL (jsp标准标签库)
- js中Math.round、parseInt、Math.floor和Math.ceil小数取整小结【转】
- HTML5+JavaScript制作坦克大战游戏——学习笔记三
- 如何从后台拼接json(tree)字符串,给jstree赋值
- JS eval()函数
- js 数组排序
- JSON解析
- JS获取某年某月的最后一天
- JS中String的高级操作