select元素在打印中显示为标签

Question

我有一个网页，
我给出了使用js函数window.print()

打印它的选项

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

@media print
{
}

但我如何定义它，

Answer 1

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

1. SELECT元素 - 在媒体屏幕上可见并隐藏在媒体打印
上
2. Label / 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;  
    }
}

有关媒体类型的定义，请参阅here