时间戳

首页 > 解决方案 > 将输入信息从动态表单发送到另一个函数

javascript - 将输入信息从动态表单发送到另一个函数

问题描述

我不知道如何通过 javascript 动态生成的表单获取生成的输入的信息。这个想法是从表单中只有输入的信息被发送到函数。这是我的代码：

function createForm(formConfig){
    var form = document.createElement("form");
    for (prop in formConfig) {
        var input = document.createElement("input");
        if (formConfig[prop].type == "text"){
            input.setAttribute('type',"text");
            input.setAttribute('name',formConfig[prop].name);
        }
        else if (formConfig[prop].type == "Number"){
            //
        }

        form.appendChild(input);
    }
    var submit = document.createElement("input");
    submit.setAttribute('type',"button");
    submit.setAttribute('value',"Save");
    submit.setAttribute('onClick',"example(this.form)");
    form.append(submit);
    document.getElementById("formPlace").appendChild(form);
}


function example(form){
    //Function to read the form inputs info
}

标签： javascript

解决方案

最好设置click处理程序而不是使用setAttribute. form并传入一个关闭变量的匿名函数。

submit.addEventListener("click", () => example(form), false);

然后在example函数循环中遍历表单子项并获取值。

推荐阅读