JavaScript 创建一个 form 表单并提交

页面布局有些复杂的情况下，可能需要在页面中动态创建一个 form，JavaScript 创建 form 演示如下：

创建div也是类似的

1. function MakeForm()  
2. {  
3.   
4.     // 创建一个 form  
5.     var form1 = document.createElement("form");  
6.     form1.id = "form1";  
7.     form1.name = "form1";  
8.   
9.     // 添加到 body 中  
10.     document.body.appendChild(form1);  
11.   
12.     // 创建一个输入  
13.     var input = document.createElement("input");  
14.     // 设置相应参数  
15.     input.type = "text";  
16.     input.name = "value1";  
17.     input.value = "1234567";  
18.   
19.     // 将该输入框插入到 form 中  
20.     form1.appendChild(input);  
21.   
22.     // form 的提交方式  
23.     form1.method = "POST";  
24.     // form 提交路径  
25.     form1.action = "/servlet/info";  
26.   
27.     // 对该 form 执行提交  
28.     form1.submit();  
29.     // 删除该 form  
30.     document.body.removeChild(form1);  
31. }  

例2；导出execl

 $("#reportProfitInfo").off("click").on('click',function(){
      var action = '$appServer/TCMPDownloadTextServlet?downloadtype='+downloadtype’;
        // 采用post方式提交
            var temp = document.createElement("form");
            temp.action = action;
            temp.method = "post";
            temp.style.display = "none";
             temp.submit();
            $("body").doUnMask();

}