Question

你好我有一个里面有日历弹出窗口的表。我正在使用两个按钮（添加和删除行）向表中添加新的子节点，但是当我添加第二行并单击日历弹出窗口时，这不显示任何内容。

任何人都可以帮我知道我的问题或问题的其他选择在哪里吗？

守则如下：

<HTML>
 <HEAD>
    <TITLE> Add/Remove dynamic rows in HTML table </TITLE>
    </HEAD>
    <BODY>
    <table id="tablainiciativas" align="center" style="width: 69%">
        <tr>
            <td style="width: 18px"><input name="chk[]" type="checkbox"></td>
    <td style="width: 85px"><select name="prioridad[]" style="width: 85px">
            <option>Prioridad:</option>
                    <option>Alta</option>
                    <option>Media</option>
                    <option>Baja</option>
            </select></td>
            <td class="auto-style1" style="width: 166px"><input name="modulo[]" type="text"></td>
                    <td class="auto-style1" style="width: 319px"><input name="iniciativa[]" style="width: 314px" type="text"></td>
                    <td class="auto-style1" style="width: 166px"><input name="solicitado[]" type="text"></td>
            <td class="auto-style1" style="width: 72px"><input name="horas[]" style="width: 68px" type="text"></td>
                    <td class="auto-style1" style="width: 110px">
                        <input type="text" name="date1[]" id="start_date" class="tcal" value="" />
                    </td>
                  <td class="auto-style1" style="width: 110px">
    <input type="text" name="date2[]" id="end_date" class="tcal" value="" />
                    </td>
        </tr>
    </table>
    </BODY>
    </HTML>

要显示表格中的日历，我使用一个.js和一个.css，我正在附上她，因为它们太长了。

要使用两个按钮动态创建新行，这是我正在使用的进程

function addRow(tableID) {

            var table = document.getElementById(tableID);

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

            var colCount = table.rows[0].cells.length;

            for(var i=0; i<colCount; i++) {

                var newcell = row.insertCell(i);

                newcell.innerHTML = table.rows[0].cells[i].innerHTML;
                //alert(newcell.childNodes);
                switch(newcell.childNodes[0].type) {
                    case "checkbox":
                            newcell.childNodes[0].checked = false;
                            break;
                    case "select-one":
                            newcell.childNodes[0].selectedIndex = 0;
                            break;
                    case "text":
                            newcell.childNodes[0].value = "";
                            break;
                }
            }
        }

        function deleteRow(tableID) {
            try {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;

            for(var i=0; i<rowCount; i++) {
                var row = table.rows[i];
                var chkbox = row.cells[0].childNodes[0];
                if(null != chkbox && true == chkbox.checked) {
                    if(rowCount <= 1) {
                        alert("No se pueden borrar todas las filas.");
                        break;
                    }
                    table.deleteRow(i);
                    rowCount--;
                    i--;
                }


            }
            }catch(e) {
                alert(e);
            }
        }

如何使用日历弹出窗口在表中添加Newcell子节点

0 个答案: