循环打印功能

时间:2013-06-11 18:58:15

标签: javascript asp.net

如果qtytxt的值为4.它在1个打印页面上生成它。

enter image description here

这是执行此操作的代码。

 report = "";
    for (i = 0; i < document.getElementById("qtytxt").value; i++) {
    report += "ID: " + document.getElementById("generateidtxt").value + "-" + (i + 1) + "<br>";
    }
    document.write(report);
    window.print();

有没有办法可以制作一个数组或另一个循环,以便我可以得到第一个ID打印在一个单独的页面上的结果,然后第二个ID打印在一个新页面上,依此类推?因此,如果qtytxt的值为6,那​​么它将产生6个id,最后的数字为1-6。我希望每个ID都能提示我在它自己的单独页面上打印,总共6页。

2 个答案:

答案 0 :(得分:2)

也许page-break-before属性在这里会有好处吗?您可以在每个页面之前创建一个新元素,而不是第一个具有此属性的页面。

答案 1 :(得分:0)

这是你想要的东西吗?

report = "";
var max = document.getElementById("qtytxt").value;
for (i = 0; i < max; i++) {
    report += "ID: " + 
        document.getElementById("generateidtxt").value + 
        "-" + 
        (i + 1) + 
        (i < (max - 1) ?
        "<div style='page-break-after:always'></div>" : "");
}
document.write(report);
window.print();