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程序设计有所帮助。