打印为 window.print() 时下拉选择的值显示错误答案

【问题标题】：Dropdown selected value is showing wrong while printing as window.print()打印为 window.print() 时下拉选择的值显示错误
【发布时间】：2017-05-23 08:26:55
【问题描述】：

当我尝试打印我的 html 下拉列表时，选择的值显示错误。这是我的下拉框详细信息

A
B
C

当我在选择B 后尝试打印时，它只显示A。总是显示A。

var printContents = angular.element('#pdfId').html();
var frame1 = $('<iframe />');
    frameDoc.document.write(printContents);
window.frames["frame1"].print();

【问题讨论】：

请发布您的代码和模板。
总是在打印或 pdf 中显示第一个值
var printContents = angular.element('#empalternativaheaderpdf').html();
var frame1 = $('');框架1[0].name = "框架1"; frame1.css({ "position": "absolute", "top": "-1000000px" }); $("body").append(frame1); var frameDoc = frame1[0].contentWindow ？ frame1[0].contentWindow : frame1[0].contentDocument.document ？框架1[0].contentDocument.document：框架1[0].contentDocument； frameDoc.document.open(); //创建一个新的 HTML 文档。 frameDoc.document.write(' DIV 内容
通过编辑将您的代码发布到您的问题中。不要在 cmets 中添加详细信息。

标签： javascript angularjs

【解决方案1】：

试试

<select id="dropdown">
     <option>A</option>
     <option>B</option>
     <option>C</option>
</select>
<script>
var dropdown = document.getElementById("dropdown");
console.log(dropdown.options[dropdown.selectedIndex].value);    
</script>

【讨论】：

您的下拉 ID 是 pdfId 吗？如果是这样，你不应该在它上面调用 .html()
没有。实际上我正在打印一个包含这么多 div 的 jsp 页面都在打印。但是下拉选择的值在 pdf 中显示错误
据我了解pdfId 是页面包装器，并且该包装器包含表单元素，因此您正在尝试使用表单字段的值获取页面的所有内容，但我认为它不会起作用对于选择标签，因为它没有 value 属性。也许这对你有用的参考stackoverflow.com/questions/7601851/…