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程序设计有所帮助。
热门推荐
10 广西考试祝福语结婚简短
11 猪年祝福语简短小孩
12 元旦祝福语送长辈简短
13 恭喜二宝祝福语简短
14 祝福语暖心话简短
15 国庆中秋祝福语简短兄弟
16 朋友订婚的祝福语简短
17 送弟弟中秋祝福语简短
18 爱生日祝福语简短独特