js创建form添加input项目并提交表单

构建动态表单并提交

转载于 2017-03-02 17:26:00 发布 · 597 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript动态创建HTML表单元素的方法，并详细解释了如何将这些隐藏输入字段添加到表单中以便进行POST提交。通过这种方式，可以轻松地向服务器发送JSON数据和其他必要参数。

  var generateHideElement = function (name, value) {
                var tempInput = document.createElement("input");
                tempInput.type = "hidden";
                tempInput.name = name;
                tempInput.value = value;
                return tempInput;
            }

            var form = document.createElement("form");
            document.body.appendChild(form);


            var jData = generateHideElement("jData", jsondata),
             jsongroups = generateHideElement("jsongroups", jsongroups),
             cacheKey = generateHideElement("cacheKey", "SalaryCalculation"),
             execlName = generateHideElement("execlName", selector.$orgName().val());



          
            form.appendChild(jData);
            form.appendChild(jsongroups);
            form.appendChild(cacheKey);
            form.appendChild(execlName);
            form.method = "post";
            form.action = $.action.url("ImportExcel1", null, "CommonInfo", "CommonX6Api");
            form.submit();