可打印的div与javascript&表格领域

时间:2012-03-02 16:26:59

标签: javascript html printing

我正在使用一个脚本来打印我调用的指定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" />

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

试试这个

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;
}