我创建了一个动态 HTML 表。我们可以为该表添加和删除行。我试图从单元格调用一个 javascript 函数，但该调用没有发生。如何从我的 addrow 方法调用方法
addRow() 函数代码如下
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell0 = row.insertCell(0);
var element0 = document.createElement("input");
element0.type = "checkbox";
element0.name="chkbox[]";
cell0.appendChild(element0);
var cell1 = row.insertCell(1);
cell1.innerHTML = rowCount + 1;
var cell2 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "txtbox[]";
element2.onchange = "myChangeFunction(this)"; // calling Javascript function
cell2.appendChild(element2);
}
期待建议
要实现此目的，请使用该addEventListener()方法附加事件，如下所示：
element2.addEventListener('change', myChangeFunction);
然后在您的 中myChangeFunction()，this关键字将引用引发事件的元素。试试这个：
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell0 = row.insertCell(0);
var element0 = document.createElement("input");
element0.type = "checkbox";
element0.name = "chkbox[]";
cell0.appendChild(element0);
var cell1 = row.insertCell(1);
cell1.innerHTML = rowCount + 1;
var cell2 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "txtbox[]";
element2.addEventListener('change', myChangeFunction);
cell2.appendChild(element2);
}
function myChangeFunction() {
console.dir(this);
}
addRow('foo');<table id="foo"></table>另请注意，由于您已使用 jQuery 标记了问题，因此您可以大幅简化此代码：
function addRow(tableID) {
var $table = $('#' + tableID);
var $tr = $('<tr><td><input type="checkbox" name="chkbox[]" /></td><td>' + ($table.find('tr').length + 1) + ' <input type="text" name="txtbox[]" class="txtbox" /></tr>').appendTo($table);
}
$('table').on('change', '.txtbox', function() {
console.dir(this);
});
addRow('foo');<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="foo"></table>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句