首页 > 解决方案 > 提交表单后要打印的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>

标签: javascriptjquerycsshtml

解决方案


在后端成功响应后,我如何打印发票如下:

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();

它将打开一个新窗口...


推荐阅读