在JavaScript中的动态位置添加文本框

Question

我想在表单中的动态位置添加几个文本框。

说出类似

的内容

我有这样的JavaScript：

    function addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement('<input type="checkbox" name="chk">');
        cell1.appendChild(element1);

        var cell4 = row.insertCell(3);
        var element4 = document.createElement('<INPUT type="text" name="SubpartID"/>');
        cell4.appendChild(element4);

        var cell5 = row.insertCell(4);
        var element5 = document.createElement('<INPUT type="text" name="Quantity" value="1" />');
        cell5.appendChild(element5);

    }

但是这个脚本的问题是，当我点击“添加子部分输入行”按钮时，我能够看到添加了一个新行，但只有复选框。

我猜cell4.appendChild(element4);和cell5.appendChild(element5);不起作用。

所以输出看起来像这样，

你能帮忙吗？

Answer 1

似乎你错误地使用了document.createElement。你需要这样做：

var element5 = document.createElement('input');
    element5.type = 'text';
    element5.name = 'Quantity';
    element5.value = 1;
cell5.appendChild(element5);

除了具有不同的属性和值之外，其余部分应该相同。