c# - 使用 CSS 隐藏多个下拉框进行打印

Question

在我的 c# mvc 页面上，我在页面上显示了几个下拉框，我使用媒体查询为打印和屏幕呈现不同的 View 。

我的问题是，如果所选选项值为“”，是否有一种方法(使用 CSS)隐藏所有下拉框。 (该值的文本是“<选择>”)。

这样在打印的时候，会打印出如下内容:

Title 

代替:

Title < Select >

只是想让它更清楚，

如果选择的选项不是“”那么我确实需要在打印时显示它， 所以如下:

Title Mr

打印时将显示为:

Title Mr 

这是我的下拉菜单之一:

<select id="Alias_Title" name="Alias.Title">
    <option value="">< Select ></option>
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
</select>

不知道用CSS能不能实现，如果不能用Jquery能不能实现？

谢谢

Answer 1

您可以使用 $.fn.filter()找到所有值为 ""的选择，然后添加一个隐藏类

$(function () {
    $('select').filter(function () {
        return $(this).val() == "";
    }).addClass('hidden');
});

添加一个 CSS 类

.hidden{
  display: none !important;
}