如何使用jQuery/javascript打印包含数据的div
如何使用jQuery/javascript打印包含数据的div
提问于 2018-08-06 19:11:30
我想打印网页的特定div和包含一些字符串的div。例如:在包含人名的文本框中。
现在，当我在打印预览中打印页面时，它只显示没有任何字符串(数据)的文本框。
function showPopup(divName) {
var divToPrint = document.getElementById(divName);
var newWin = window.open('', 'Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');
newWin.document.close();
setTimeout(function() {
newWin.close();
}, 10);
}<div class="container">
<form id="service-job-form" name="service-job-form">
<div id="printableArea">
<label for="CustomerId" class="col-sm-4 col-form-label">Customer Name</label>
<div class="col-sm-5 input-group">
<input type="text" autocomplete="off" id="CustomerName" name="CustomerName" required data-provide="typeahead" class="typeahead search-query form-control autocomplete" placeholder="Customer Name" />
</div>
</div>
<div class="form-group row">
<input type="button" class="btn btn-primary" value="Print" id="bodyWrapper" onclick="showPopup('printableArea');" />
</div>
</form>
</div>
回答 2
Stack Overflow用户
发布于 2018-08-06 19:37:29
我希望这能有所帮助：
function showPopup() {
var name = $('#CustomerName').val();
var newWin = window.open('', 'Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">' + name + '</body></html>');
newWin.document.close();
setTimeout(function() {
newWin.close();
}, 10);
}
Stack Overflow用户
发布于 2018-08-06 19:39:36
如果要从输入字段获取数据，请使用.value而不是.innerHTML。所以你的代码应该是这样的：
newWin.document.write('<html><body onload="window.print()">' + divToPrint.value + '</body></html>');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51706290
复制相关文章
相似问题
腾讯云开发者
