javascript - 印刷機能のループ

Question

qtytxt の値が 4 の場合。これは 1 印刷ページで生成されます。

これはそうするコードです。

 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 を別のページに印刷し、次に 2 番目の ID を新しいページに印刷するなどの結果を取得できるように、配列または別のループを作成する方法はありますか? したがって、qtytxt の値が 6 の場合、末尾に 1 ～ 6 の数字を持つ 6 つの ID が生成されます。ID ごとに、個別のページに合計 6 ページ印刷するように求めます。

Answer 1

おそらく、page-break-before属性はここで役立つでしょうか? この属性を使用すると、最初のページではないすべてのページの前に新しい要素を作成できます。

Answer 2

このようなものはあなたが探しているものですか？

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