jquery PrintArea 实现票据的套打功能(代码)
更新时间:2017年03月17日 08:49:30 投稿:jingxian
下面小编就为大家带来一篇jquery PrintArea 实现票据的套打功能(代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
套打就是指不打印表单上的表结构和固定的文言,只把会变化的数据打印出来,下面的例子就是不把name和name2打印出来,只把aaa和bbb打印出来。
1.代码
<html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.PrintArea.js"></script> </head> <body> <table> <tr> <td> name: </td> <td></td> </tr> <tr> <td> name2: </td> </tr> </table> <div class="my_show"> <div style="position: absolute; left: 60px; top: 10px;"> aaa </div> <div style="position: absolute; left: 60px; top: 35px;"> bbb </div> </div> <a href="javascript:;" rel="external nofollow" id="print" />打印</a> <script type="text/javascript"> $(document).ready(function() { $("#print").click(function() { $(".my_show").printArea() }) }); </script> </body> </html>
2.画面显示
3.打印结果
以上这篇jquery PrintArea 实现票据的套打功能(代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
jQuery遍历之next()、nextAll()方法使用实例
这篇文章主要介绍了jQuery遍历之next()、nextAll()方法使用实例,本文先是给出了实例代码,然后对代码的作用分析和说明,需要的朋友可以参考下2014-11-11jQuery ajax仿Google自动提示SearchSuggess功能示例
这篇文章主要介绍了jQuery ajax仿Google自动提示SearchSuggess功能,结合实例形式较为详细的分析了jQuery结合ajax与.net后台调用sql数据库实现搜索自动提示相关操作技巧,需要的朋友可以参考下2019-03-03
最新评论