使用Javascript从HTML表输入单元格获取值
我已经用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
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
gettable.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;
}