<分区>
<分区>
我正在开发一个 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 方法来动态隐藏和显示值。
最佳答案
尝试 this
像这样使用 jquery 删除 disabled 和 selected 属性
$("select option").prop("selected", false);
$("select").prop("disabled", false);
关于css - 使用 CSS 在 IE 中隐藏 <option>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37184422/