javascript - 提交表单后要打印的jquery
问题描述
我想使用 jquery 进行打印,在这里我有一个按钮来执行此任务,但我希望在提交表单后打印它。
这是我在按钮单击事件上打印内容的代码,打印后ti将提交表单..我该怎么做..
<button id="btnjson" type="submit" value="ok" class="button" onclick="printDiv('print-table')">Ok</button>
<script>
function printDiv(divName) {
//alert('s');
var printContents = '<div id="print-content"><form><table width="100%" height="100" ><tbody >';
var inputs, index;
inputs = document.querySelectorAll('input,select');
printContents+='<div style="width:765px; float:left; height:72px;">'
printContents +='</tbody></table>';
w=window.open();
w.document.write(printContents);
w.print();
w.close();
}
</script>
解决方案
在后端成功响应后,我如何打印发票如下:
var mywindow = window.open('_blank', '', '');
mywindow.document.write('<html><head></head><body onload="setTimeout(myFunction(){window.print();}, 3000)">');
var printContents = '<style>@media print { .print_hide{display: none;} } </style>';
printContents += '<div id="print-content"><form><table width="100%" height="100"><tbody>';
var inputs, index; inputs = document.querySelectorAll('input,select');
printContents+='<div style="width:765px; float:left; height:72px;">';
printContents +='</tbody></table>';
mywindow.document.write(printContents);
mywindow.document.write('</body></html>');
mywindow.document.close();
它将打开一个新窗口...
推荐阅读
- flutter - 主页加载时如何从 Firestore 获取数据?
- python - 为什么Django中模型方法的返回值没有显示在模板中?
- apache - NiFi 定制处理器在一段时间后不会发布数据到下一个处理器
- c# - 使用 XPath 或 XSLT 从 XML 中排除特定元素
- youtube - YouTube Data API v3 - 类别列表中的 categoryId 问题
- node.js - 得到一个非对象结果,期望来自 create Zapier 的对象?
- reactjs - 如何修复“throw er; //未处理的'错误'事件”?
- sql - 如何使用 SQL 显示具有类别的产品数量
- php - php无法上传csv文件时如何找出错误?
- postgresql - 如何在 PostgreSQL 中缓存重复查询