動的に作成されたテーブルの入力テキストから値を取得できません

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

入力タグの値が必要なときにコードを取得します。

はこれにコードを変更

：

$("#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); 
     } 
    } 
}