0

我想打印一个页面，该页面有一个选择框，我只想在选择框中显示元素（甚至不显示选择下拉箭头）。因此，当用户打印此页面时，他们会看到选择框中的所有元素，而不仅仅是“选择项目”文本。

<html>
<head></head>
<body>
     <select> <option selected> Select item </option>
                            <option value="1" > 10 </option>
                            <option value="2"> 20 </option>
                            <option value="3"> 30 </option>
                            <option value="4"> 40 </option>
     </select>
</body>
</html>
4

1 回答 1

0

在 div 中拥有与您选择的项目完全相同的副本，并确保它是隐藏的。例如

<div class="printselector" style="display:none">10,20,30,40</div>

然后在您的打印样式表中，确保显示它并且您选择框被隐藏。

所以完成的 html 看起来像这样。

<html>
<head>
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
<style type="text/css">
    .myselector { display: block}
</style> 
</head>
<body>
     <select class="myselector"> <option selected> Select item </option>
                            <option value="1" > 10 </option>
                            <option value="2"> 20 </option>
                            <option value="3"> 30 </option>
                            <option value="4"> 40 </option>
     </select>
    <div class="printselector" style="display:none">10,20,30,40</div>
</body>
</html>

有一个单独的 print.css 文件，其中包含以下代码：

.printselector { display:block !important; }
.myselector { display:none !important; }
于 2012-06-21T06:00:19.897 回答