JavaScript 创建一个 form 表单并提交
2013-06-26 17:37
375 查看
页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 form 演示如下:
调用 MakeForm 后,立即创建一个 Form,并提交,然后移除该 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 创建一个 form 表单并提交
- JavaScript动态创建form表单并提交的实现方法
- JavaScript动态创建form表单并提交的实现方法
- 【Java】向一个页面发送post请求并获取其处理之后的结果与用javascript创建一个表单后提交的安全性
- 用javascript动态创建并提交表单form,表格table
- JavaScript EXT 创建一个 form 表单并提交
- Javascript动态创建FORM提交
- 在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
- JavaScript Post提交数据并跳转到页面(模拟Form表单提交)
- 用JS提交参数创建form表单在FireFox中遇到的问题
- jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。
- (转)一个form表单实现提交多个action
- 怎样用js创建Form表单并提交
- Javascript动态创建FORM提交
- javascript中对<form>表单的submit验证以及action提交,及它们的区别。
- 在同一个form表单里有2个按钮,如何各自提交到不同的action里面去。
- 在一个form表单中分别提交到不同action是怎么样提交的
- JS实现一个表单form,多个submit按钮提交时带不同的action参数
- 使用javascript提交form表单方法汇总
- js动态创建Form表单并提交