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

Question

我正在尝试使用“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 都对我不起作用。有没有办法使这项工作或解决方法？

Answer 1

在 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;

}