无法从动态创建的表格的输入文本中获取值

Question

在按钮单击后，可以从动态创建的表格中获取值吗？

这里是我的一个输入字段创建表代码：

function tableInsert(row,col){ 
    var body = document.body, 
    tbl = document.createElement('table'); 
    tbl.style.width = '100px'; 
    tbl.style.border = '1px solid black'; 
    tbl.id="draw_table"; 
    for(var i = 0; i < col; i++){ 
     var tr = tbl.insertRow(); 
     for(var j = 0; j < row; j++){ 
      var input1 = document.createElement("input"); 
      var td = tr.insertCell(); 
      td.appendChild(input1); 
      td.style.border = '1px solid black';  
     } 
    } 
    body.appendChild(tbl); 
    console.log(tbl.id); 
} 

这里是按钮点击功能。它获得了动态创建的表的值：

$("#calculate").click(function(){ 
    var table = document.getElementById('draw_table'); 
    for (var r = 0, n = table.rows.length; r < n; r++) { 
     for (var c = 0, m = table.rows[r].cells.length; c < m; c++) { 
      console.log(table.rows[r].cells[c].value);//value is undefined . is it right way to get the value 
     } 
    } 
}); 

Answer 1

您的代码在您需要输入标记的值时检索td元素！

你的代码改成这样：

$("#calculate").click(function(){ 
    var table = document.getElementById('draw_table'); 
    for (var r = 0, n = table.rows.length; r < n; r++) { 
     for (var c = 0, m = table.rows[r].cells.length; c < m; c++) { 
      console.log(table.rows[r].cells[c].children[0].value); 
     } 
    } 
}