Question

我正在使用一个脚本来打印我调用的指定div。问题是，当我想打印带有HTML字段的表单时，它不会打印出这些字段中的信息。相反，它留空了。他们的a是要输入要打印的信息吗？

的Javascript

function printDiv(divName) {
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
}

HTML

<div id="printableArea">
</div>

<input title="Print" class="buttonBlack fl" onclick="printDiv('printableArea')" type="submit" value="Print" />

Answer 1

This将帮助您打印元素和表单字段。

检查samples。希望它有所帮助！

Answer 2

当然，您可以使用仅打印样式表来隐藏除要打印的区域之外的所有内容。然后你就不需要任何javascript（按钮可能只有window.print()）。当用户不使用此按钮进行打印时，这也会带来额外的好处。

Answer 3

试试这个

function printDiv(divName) {
var inpText = document.getElementsByTagName("input")[0].value;
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
document.getElementsByTagName("input")[0].value = inpText;
window.print();
document.body.innerHTML = originalContents;
document.getElementsByTagName("input")[0].value = inpText;
}

可打印的div与javascript＆amp;表格领域

3 个答案: