使用 CSS 在 IE 中隐藏 <option> [重复]

Question

我正在开发一个 ASP.net MVC 应用程序和 jQuery，我想将所有状态值存储在选择元素中并将其显示为只读，因为当用户输入邮政编码时我会自动选择正确的状态。

当用户点击选择元素时，我会使用以下 CSS 规则隐藏 Chrome 和 Firefox 中的选项。

select[readonly] option {
    display: none;
}

渲染代码：

@Html.DropDownListFor(m => m.AddressView.StateCode, Model.AddressView.StateNameList, "Select", new
                     {
                         @class = "form-control ddl-state disabled-dropdown",
                         id = "ddlEmployerState",
                         @disabled = "disabled",
                         @readonly = "readonly",
                     })

这不适用于 IE，请建议我解决此问题的选项。

非常感谢 CSS 修复，因为元素的值会动态变化，我不想调用 jQuery 方法来动态隐藏和显示值。

Answer 1

试试this

像这样使用 jquery 删除 disabled 和 selected 属性

$("select option").prop("selected", false);
$("select").prop("disabled", false);