Question

我创建了一个包含两个文本框以获取用户输入的网页，以及一个将这些值作为新行添加到html表的按钮。我使用 javascript 来执行此功能。这是我的代码：

Javascript代码

function addData(tableID)
{   
            var t = document.getElementById("timeslot").value;
            var m = document.getElementById("mon").value;

            var table = document.getElementById(tableID);

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

            var cell1 = row.insertCell(0);
            var element1 = document.createTextNode(t);
            element1.type = "label";
            cell1.appendChild(element1);

            var cell2 = row.insertCell(1);
            var element2 = document.createTextNode(m);
            element2.type = "label";
            cell2.appendChild(element2);
}

HTML代码

    <input type='button' name='Add' value='Add' style='width:130px;padding:10px;' onclick="addData('timetable')">

此代码正常运行。但是当我刷新页面时，在我插入新行之前，新添加的行正在消失并且我的页面变为原样。如何避免这种情况并保留我的表而不更改新添加的字段？

Answer 1

每次页面重新加载时静态或动态添加。

如何在刷新页面后保持html表不变

1 个答案: