javascript - JavaScript中的createElement设置 “onchange”属性

我正在尝试使用“onchange”属性动态添加新的输入字段:

    var f = document.getElementById("dN[" + fieldsd + "]"); // create/insert new
    el = document.createElement("input");
    el = f.appendChild(el);
    el.name = "dName[" + fieldsd + "]";
    el.id = "dName[" + fieldsd + "]";
    el.onchange =  "validation()";

我也尝试过setAttribute都不适合我。有没有办法使这项工作或变通？

最佳答案

在JavaScript中，将onchange属性设置为指向函数的指针，而不是实际的字符串:

var f = document.getElementById("dN[" + fieldsd + "]"); // create/insert new
el = document.createElement("input");
el = f.appendChild(el);
el.name = "dName[" + fieldsd + "]";
el.id = "dName[" + fieldsd + "]";
el.onchange =  validation;

(如果您有一个名为validation的函数)

如果需要传递参数，请将onchange设置为一个调用验证函数的函数:

el.onchange = function () {
    validation(param1, param2, ...);
};

或者，如果您想从输入本身获取信息，则可以在this函数中使用validation关键字:

el.onchange = validation;

....

function validation() {
    // this is the "context" for the function.  In this case
    // the element that changed.
    var value = this.value;

}

关于javascript - JavaScript中的createElement设置 “onchange”属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15341512/