Question

我不知道如何通过使用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
}

Answer 1

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

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

然后在example函数中循环子窗体并获取值。

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

1 个答案: