jqPrint 无法打印textArea

Posted 2023-03-21

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jqPrint 无法打印textArea相关的知识，希望对你有一定的参考价值。

参考技术A 最近一个项目中的打印功能，是使用jqprint插件来实现的，用来打印form表单中的内容。但是使用中发现一个很奇怪的现象，就是input、textarea标签里的东西无法打印。
查找资料后发现：jqprint打印方式是把打印区域的html内容处理到新的iframe中，然后打印。这样的一个机制下，input、textarea当中的内容如果是通过jquery赋值、手动输入，那么在打印的时候是不会有内容的。

解决的办法如下：
在调用jqprint 方法之前，执行下面的方法：
1.input属性赋值：使input标签的value属性内有你要打印的内容。
2.textarea：将标签内的内容，赋给textarea的html。
经过上述处理，在打印预览以及打印的时候，都会有内容了。

jQuery打印插件jqprint

码][JavaScript]代码跳至 [1] [全屏预览]

实现方法
引用jquery和，jqprint到您的页面
 
<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery.jqprint-0.3.js"></script>
js
 
<script language="javascript">
function  a(){
        $("#ddd").jqprint();
    }
</script>
html
 
<div id="ddd">
    <table>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>
        </tr>
    </table>
</div>
 
<input type="button" onclick=" a()" value="打印"/>