动态生成form表单

Posted lpp-xjj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动态生成form表单相关的知识,希望对你有一定的参考价值。

 1 function openPostWindow(url, data, name) 
 2     var tempForm = document.createElement("form");
 3     tempForm.id = "tempForm1";
 4     tempForm.method = "post";
 5     tempForm.action = url;
 6     tempForm.target = name; //_blank
 7     for (var i in data) 
 8         //data 为$("#form").serializeArray()的结果
 9         var hideInput = document.createElement("input");
10         hideInput.type = "hidden";
11         hideInput.name = data[i].name;
12         hideInput.value = data[i].value;
13         tempForm.appendChild(hideInput);
14     
15 
16 
17   //  window.open(‘about:blank‘, name, ‘height=400, width=400, top=0, left=0, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes‘);
18 
19     //添加临时form
20     document.body.appendChild(tempForm);
21     //必须手动的触发,否则只能看到页面刷新而没有打开新窗口
22     tempForm.submit();
23 
24     //移除临时创建的form
25     document.body.removeChild(tempForm);
26 
27 

 

以上是关于动态生成form表单的主要内容,如果未能解决你的问题,请参考以下文章

vue动态生成表单组件vue-generate-form

Symfony2 - 动态生成的表单在编辑表单时不起作用

动态生成的表单如何用 el-form 校验,你知道吗?

动态生成 Eureka Form Rows

如何根据 HTML FORM 中定义的变量动态生成 MYSQL UPDATE 语句

C# 方法通过字符串动态生成表单