javascript - 选择元素在打印中显示为标签

Question

我有一个网页，
我提供了一个使用 js 函数打印它的选项window.print()

该页面还包含<select>元素，
我想打印选择列表显示为标签，
我知道我必须使用：

@media print
{
}

但我该如何定义，

Answer 1

您的页面中必须有两个相同的元素

1. SELECT 元素 - 在媒体屏幕上可见，在媒体打印上隐藏
2. 标签/Div 元素 - 将包含选定的值，将在媒体打印中可见并在媒体屏幕中隐藏

例如：

<SELECT class='noPrint'><OPTION></OPTION></SELECT>
<DIV class='Print'>[selected value of SELECT element]</DIV>

@media print 
{
    .noPrint 
    {
        display:none;
    }
    .Print 
    { 
        display:inline-block;  
    }
}

有关媒体类型的定义，请参见此处