用Javascript函数将表格附加到包含输入字段和值的单元格中

我创建了一个工作函数,该函数向表中添加了单元格/行,然后使用数组中的数据填充这些单元格.现在的问题是我需要更改它,以便生成的单元格包含一个输入字段,其中value =是数组数据.

这是我最近能找到的一个例子：http://jsfiddle.net/JEAkX/3/

有一次我尝试更改为cell.innerHTML =“<输入类型='文本'size ='1'>”子集[i]“< / input>”但是它只是将数据放在输入文本区域之外.

subset [i]创建正确的输出,但是我似乎无法在字段值中获取它.

这是我在输入字段中对其进行编辑之前的功能：

function appendTable(id)
{
    var tbody = document.getElementById(id).getElementsByTagName("tbody")[0];
    var i = 0;
    for (var r = 0; r < 4; r++) {
        var row = tbody.insertRow(r);
        for (var c = 0; c < 4; c++) {
            var cell = row.insertCell(c);
            cell.appendChild(document.createTextNode(subset[i++]));
        }
    }
}

解决方法:

而不是做：

cell.innerHTML = "<input type='text' size='1'>"+ subset[i++] +"</input>"

尝试这样做：

cell.innerHTML = "<input type='text' size='1' value='" + subset[i++] + "'/>"

使用输入的value属性,这种方式应该可以工作.

标签：html-table,append,javascript,jquery
来源： https://codeday.me/bug/20191208/2092958.html