JavaScript动态创建form表单并提交的实现方法
本文实例讲述了JavaScript动态创建form表单并提交的实现方法。分享给大家供大家参考,具体如下:
页面布局有些复杂的情况下,可能需要在页面中动态创建一个form,JavaScript创建form演示如下:
//JavaScript构建一个form
functionMakeForm()
{
//创建一个form
varform1=document.createElement("form");
form1.id="form1";
form1.name="form1";
//添加到body中
document.body.appendChild(form1);
//创建一个输入
varinput=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程序设计有所帮助。