Question

我有一个发票（用HTML制作），用户在表格字段中输入“InvoiceNo” - 然后打印（即在纸上）发票。

这很好用，但发票现在要转到第二页。

我用CSS和HTML完成了分页：

.pagebreak { page-break-after: always; }

＆安培;

<div class="pagebreak" /> </div>

但我不知道如何将InvoiceNo带到第二页。我试过了：

<form>Invoice No: <input type="input" name="Invoice_No" id="Invoice_No" onblur="getInvoiceNo()" />  <!-- nb onblur is opposite of onfocus -->

<script>
function getInvoiceNo() { 
    var Invoice_No = document.getElementById('Invoice_No').value;
}
<script>

然后在第二页

<script>
document.write( Invoice_No + "XXX" );   /* xxx are for testing if its outputting*/
<script>

但它不起作用;-(应该怎么做？

PS我无法访问PHP，因为发票是Shopify（eShop）环境的一部分

Answer 1

根据我的看法，我认为您遇到了JavaScript的范围问题。如果在函数中声明var，则无法在其他位置访问该var而不将其设置为全局（请不要这样做，因为这是不好的做法），使其成为对象属性，或将其作为参数传递。我不知道您的发票中有多少页，但如果它总是2页，您可能想在第二页上创建一个输入文本框，并让您的函数修改该输入文本框的值而不是存储将值转换为var。我还建议使用像jQuery这样的JavaScript库来避免跨浏览器问题。

如何从刚刚输入的输入字段打印每页上的InvoiceNo

1 个答案: