textArea打印时,内容不显示

摘要:
使用jqprint来打印form表单中的内容时。jquery打印原理:jqprint打印方式是把打印区域的html内容处理到新的iframe中,然后打印。这样的一个机制下,input、textarea当中的内容如果是通过jquery赋值、手动输入,那么在打印的时候是不会有内容的。解决办法:在jqprint()之前,执行下面的方法:1.input属性赋值:使input标签的value属性内有你要打印的内容。textarea处理方式如下://打印表单$.on;

使用jqprint来打印form表单中的内容时。会出现input、textarea标签里的东西无法打印。

jquery打印原理:jqprint打印方式是把打印区域的html内容处理到新的iframe中,然后打印。

这样的一个机制下,input、textarea当中的内容如果是通过jquery赋值、手动输入,那么在打印的时候是不会有内容的。

解决办法:
在jqprint()之前,执行下面的方法:
1.input属性赋值:使input标签的value属性内有你要打印的内容。
2.textarea: 将标签内的内容,赋给textarea的html。

textarea处理方式如下:

  // 打印表单
            $('#print').on('click', function () {
               
                var $iframes = $('#form_list_iframes');               
                var iframeId = $iframes.find('.form-list-iframe.active').attr('id');
                var $iframe = learun.iframe(iframeId, frames);

                //=============hujie20191231==调整textarea在打印时不显示的问题====开始========
                var lstTextarea = $iframe.$('textarea');
                if (lstTextarea) {
                    for (var i = 0; i < lstTextarea.length; i++) {
                        $(lstTextarea[i]).html(lstTextarea[i].value);
                    }
                }
                //=============hujie20191231==调整textarea在打印时不显示的问题====结束========
               
                $iframe.$('.lr-form-wrap:visible').jqprint();
               
            });

免责声明:文章转载自《textArea打印时,内容不显示》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C++ websocket服务器与客户端库websocketppJava进程占用内存过高,排查解决方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

iframe中插入代码并执行

最近有需求通过iframe插入代码。有蛮多方法,如下: 1 var iframe = document.getElementById('previewUrl'); 2 iframe.src = 'about:blank'; 3 iframe.contentWindow.document.body.innerHTML+="12312" 4 iframe.co...

selenium定位多个嵌套iframe

一. driver.switch_to.frame(id):可以通过id切换到iframe之前学习了selenium切换到iframe的方法,代码如下 from selenium import webdriver driver = webdriver.Chrome() driver.switch_to.frame(0)...

广告嵌套document.write的非iframe方式的延迟加载无解嘛

用ControlJS优化阿里妈妈广告http://ued.taobao.com/blog/2011/03/controljs-alimama/让document.write的广告无阻塞的加载http://stylechen.com/rewrite-documentwrite.htmlDomWriter:延迟调用含有document.write的外部JS脚本...

浏览器上的坐标体系相关概念(客户区,页面,屏幕)

平时如果我们想要通过鼠标点击元素上的某个区域的时候,例如Canvas中的某个点时,就需要计算具体的坐标点。鼠标事件提供了三组坐标,下面我们讲解一下它们之间的关系。 第一组:(clientX,clientY),这组是视口坐标,那什么是视口区?下面界面是一个简单的页面,滚动条是针对整个页面的 ,下图中的红色方框的区域就是视口区。红色区域的左上角,就是视口区的...

文本框点击后文字消失总结

1.文本框显示默认文字: <textarea>白鸽男孩</textarea> <textarea>白鸽男孩</textarea>    2.鼠标点击文本框,默认文字消失: <textarea onfocus=”if(value==’白鸽男孩’) {value=’ ‘}”>白鸽男孩</text...

layui从子iframe打开父iframe的tab选项卡

数据表格字段: {field: 'novelId', title: '小说ID',100,templet: '<div><a href="javascript:;" _href="/contentManage/content-chapters.html" novelName="{{d.name}}" onclick="showChapte...