Javascript 使用JScript向HTML表动态添加新行

我正在用HTML+Jquery编写代码，需要动态地向表中添加行

我已经编写了动态添加行的代码，但它似乎不起作用

以下是我的JScript代码：

<script language="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");
            element1.type = "date";
            element1.name="datebox[];
            element1.id = "dt";
            cell1.appendChild(element1);

            var cell2 = row.insertCell(1);
            cell2.innerHTML = rowCount + 1;
            var element2 = document.createElement("input");
            element2.type = "select";
            element2.name = "selectbox[]";
            element2.id = "slct";
            cell2.appendChild(element2);

            var cell3 = row.insertCell(2);
            cell3.innerHTML = rowCount + 1;
            var element3 = document.createElement("input");
            element3.type = "text";
            element3.name = "txtbox[]";
            element3.id = "txt";
            cell3.appendChild(element3);
            table.appendChild(cell1);
        }
    </script>

函数addRow（tableID）{
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
var row=table.insertRow（rowCount）；
var cell1=行插入单元格（0）；
var element1=document.createElement（“输入”）；
element1.type=“日期”；
element1.name=“日期框[]；
element1.id=“dt”；
单元格1.附加子元素（元素1）；
var cell2=行插入单元格（1）；
cell2.innerHTML=rowCount+1；
var element2=document.createElement（“输入”）；
element2.type=“选择”；
element2.name=“selectbox[]”；
element2.id=“slct”；
第2单元。附加子元素（元素2）；
var cell3=行插入单元格（2）；
cell3.innerHTML=rowCount+1；
var element3=document.createElement（“输入”）；
element3.type=“text”；
element3.name=“txtbox[]”；
element3.id=“txt”；
第三单元附属物（第三单元）；
表1.儿童（第1单元）；
}

这是我的桌子：

<table id = "tab" style="width:500px">
    <tr>
        <th>Date</th>
        <th>Treatment Goal</th>
        <th>Comment</th>
    </tr>
    <tr>
        <td><INPUT type="date" name="datebox[]" id = "dt"/></td>
        <td>
            <SELECT name="selectbox[]" id = "slct">
            </SELECT>
        </td>
        <td><INPUT type="text" name="txtbox[]" id = "txt"/></td>
    </tr>
</table>

日期
治疗目标
评论

我在按钮的onClick事件中调用函数，如下所示：

<input type="button" id="add" value="+" name="Add" onclick="addRow('tab')"/>

html页面不会响应click事件，也不会发生任何事情。 无法理解出了什么问题。

第一个问题是此行出现语法错误（您没有关闭双引号）：

第二个问题是将单元格追加到表中是错误的，应该追加行：

table.appendChild(row);
                  ^ changed to row from cell

---

行中缺少引号：

element1.name="datebox[];

在name元素之后

element1.name="datebox[];