我有一个HTML表格,我正在使用jQuery添加和删除行。当我添加例如10行,然后重新加载页面时,所有添加的数据都将被删除。保持页面数据页面刷新
如何在页面重新加载后保留该数据?
这是我到目前为止有:
function AddRow() {
$('.print-table').append("<tr><td>999</td><td><input type='text' name='id'></td><td><input type='text' name='id'></td><td><input type='text' name='id'></td><td><input type='text' name='id'></td><td><input type='text' name='id'></td><td><input type='text' name='id'></td><td>00</td><td><button class='btn btn-primary btn-xs removebtn' >Delete</button></td></tr>")
}
$('.print-table').on('click', '.removebtn', function() {
$(this).parent().parent().remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table print-table">
<thead>
<tr class="danger">
<th width="30">S#</th>
<th width="100">VOUCHER#</th>
<th width="80">ID</th>
<th>FULL NAME OF STUDENT</th>
<th width="80">PAYABLE</th>
<th width="80">PAID</th>
<th width="100">PAID ON</th>
<th width="110">CLOSE-BAL</th>
<th width="80">ACTION</th>
</tr>
</thead>
<tbody>
<tr>
<td>999</td>
<td>
<input type="text" name="id" disabled="disabled">
</td>
<td>
<input type="text" name="id" disabled="disabled">
</td>
<td>
<input type="text" name="id" autofocus>
</td>
<td>
<input type="text" name="id" disabled="disabled">
</td>
<td>
<input type="text" name="id">
</td>
<td>
<input type="text" name="id" onfocusout="AddRow()">
</td>
<td>00</td>
<td>
<button class="btn btn-primary btn-xs removebtn">Delete</button>
</td>
</tr>
</tbody>
</table>
<button class="btn btn-primary xs" onclick="AddRow()">Add Row</button>
尝试使用[Window.localStorage](https://developer.mozilla.org/en/docs/Web/API/Window/localStorage) –
相关:HTTP://计算器.com/q/22811160/104380 – vsync
这些(改变的)值应该是每个人都可见的,还是只为你?如果添加10行,并且其他人打开页面,这10行也应该在那里吗? – DasSaffe