我创建了一个网页,其中包含两个用于获取用户输入的文本框,以及一个用于将这些值作为新行添加到 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')">
此代码正常运行。但是当我刷新页面时,新添加的行正在消失,我的页面在我插入新行之前就变成了原来的样子。如何避免这种情况并在不更改新添加的字段的情况下保留我的表格?