無法從動態創建的表格的輸入文本中獲取值

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); 
     } 
    } 
}