Question

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

当用户点击select元素时，我会使用以下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

使用像这样的删除已禁用和已选择的属性

"data":"{\"phonenumber\":\"9112345678\", \"email\":\"sidrama@gmail.com\", \"referralCode\":\"331852\", \"$android_url\":\"https://play.google.com/store/apps/details?id=com.mobile.ict.cart\", \"$android_deeplink_path\":\"lokacart://\", \"$android_uri_scheme\":\"lokacart://\", \"$android_package_name\":\"com.mobile.ict.cart\"}"

使用CSS

1 个答案: