jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何使用jQuery重置HTML5表?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 HTML表格,如下所示:
<table id="spreadsheet" class="table table-Striped" cellspacing="0" width="100%">
    	<thead>
    		<tr>
    			<th id="spreadsheet-year">2015</th>
    			<th>Month (Est)</th>
    			<th>Month (Act)</th>
    			<th>YTD (Est)</th>
    			<th>YTD (Act)</th>
    			<th>Full Year (Est)</th>
    			<th>Full Year (Act)</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr>
    			<td>Jan</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    		</tr>
    		<tr>
    			<td>Feb</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    		</tr>
    		<tr>
    			<td>Mar</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    		</tr>
    		<tr>
    			<td>Apr</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    			<td>0</td>
    		</tr>
             ...
             ...
             ...
    	</tbody>
    </table>

这给了我这个:

我使用this script使表格互动.它工作得非常好,但我想知道在提交或关闭模态后如何重置表格?否则,当用户再次打开模态时,相同的值将保持不变.

解决方法

最简单的方法是在编辑之前克隆它,但在插件初始化之后:
var $defaultTable = $('#spreadsheet').clone(true);

然后,无论何时需要重置它,请使用:

$('#spreadsheet').replaceWith($defaultTablE);

编辑要处理多次重置,您需要在替换它时克隆它,以便不能在未来编辑的副本上工作,例如:

$('#spreadsheet').replaceWith($defaultTable.clone(true));

大佬总结

以上是大佬教程为你收集整理的javascript – 如何使用jQuery重置HTML5表?全部内容,希望文章能够帮你解决javascript – 如何使用jQuery重置HTML5表?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。