Question

我有一个用于创建表格行的javascript代码：

function create_row() {
    var table = document.getElementById("main_table");
    var n = table.rows.length;
    var m = table.rows[0].cells.length;
    var row = table.insertRow(n);
    for (i=2; i<m; i++) {
        var cell = row.insertCell(i);
        cell.innerHTML = "<input size=4>";
        cell.addEventListener("change", function () {
            console.log("Column of a cell: " + cell.cellIndex);
        })
    }
}
document.getElementById('create_row').onclick = create_row;

我的意图是当用户在单元格中键入内容时，我想打印该值。但是，cellIndex始终是我的表格中的列数（或m）（据我所知，因为在创建所有单元格后单击了单元格，因此i到达了m 1}}）。

如果单元格的内容发生变化，我怎样才能收到行，列和单元格的值？

Answer 1

哦，Javascript关闭。试试这个：

function create_row() {
  var table = document.getElementById("main_table");
  var n = table.rows.length;
  var m = table.rows[0].cells.length;
  var row = table.insertRow(n);
  for (i=2; i<m; i++) {
    create_cell(i);
  }
}

function create_cell(){
  var cell = row.insertCell(i);
  cell.innerHTML = "<input size=4>";
  cell.addEventListener("change", function () {
    console.log("Column of a cell: " + cell.cellIndex);
  })
}

document.getElementById('create_row').onclick = create_row;

输入单元格时存储单元格的值

1 个答案: