使用Javascript从HTML表输入单元格获取值

使用Javascript从HTML表输入单元格获取值,javascript,input,html-table,cell,Javascript,Input,Html Table,Cell,我已经用Javascript动态创建了一个HTML表,其中第一列由文本字段组成,第二列由输入字段组成,第三列由文本字段组成,效果很好: nrOfRows = document.getElementById("myId").value; //get nrOfRows from input var i; var row; var cell1; var cell2; var cell3; for (i = 0; i < nrOfRows; i++) { row = table.ins

我已经用Javascript动态创建了一个HTML表,其中第一列由文本字段组成,第二列由输入字段组成,第三列由文本字段组成,效果很好:

nrOfRows = document.getElementById("myId").value; //get nrOfRows from input
var i;
var row;
var cell1;
var cell2;
var cell3;

for (i = 0; i < nrOfRows; i++) {

    row = table.insertRow(i); //table is defined earlier
    cell1 = row.insertCell(0);
    cell2 = row.insertCell(1);
    cell3 = row.insertCell(2);
    cell1.innerHTML = "some text"; //Put "some text" in all column1 fields
    cell2.innerHTML = '<input type="text" class="form-control" size="5" maxlength="4" />'; //Make all fields in column2 input fields.

}
nrows=document.getElementById(“myId”).value//从输入获取nrows
var i;
var行;
var-cell1;
var-cell2;
var-cell3;
对于(i=0;i
在此之后,我在输入字段(第2列)中键入一些内容,并尝试获取此输入并将其放入第3列,方法如下:

for (var r = 0; r < nrOfRows; r++) {    
        table.rows[r].cells[2].innerHTML = table.rows[r].cells[1].innerHTML;
    }
for(var r=0;r
这是行不通的。它不是将输入字段中的值放在第三列中,而是将第三列中的文本字段替换为新的输入字段,就像它采用HTML代码而不是值一样

这是有效的(将第1列中的值转换为第3列):

for(var r=0;r
关于如何从输入字段而不是HTML代码中获取值,有什么线索吗

这就是我得到的。我希望中间列中的数字进入右列,但它会用新的输入字段替换所有内容:


您直接访问
单元格[1]
并获取其内部HTML,而
单元格[1]
有一个子项,您需要访问它
值,而不是像
子项[0]那样访问
内部HTML

在这里检查访问

此外,您还可以使用

var表;
window.onload=函数()
{
表=document.getElementById(“测试”);
nrof=3;//document.getElementById(“myId”).value;//从输入中获取nrof
var i;
var行;
var-cell1;
var-cell2;
var-cell3;
对于(i=0;i


get
table.rows[r].cells[1].querySelector('input')。value
非常有效,谢谢。
  for (var r = 0; r < nrOfRows; r++) {  
        table.rows[r].cells[2].innerHTML = table.rows[r].cells[0].innerHTML;
    }