禁用 DropDownList razor mvc

Question

在我看来，我使用下拉列表。我想禁用此控件（不可选择）。

我的代码是：

<div class="field-list">@Html.DropDownListFor(model => model.LinguaCodiceMadre, Model.LinguaMadreList, new{ @disabled = "disabled" })</div>

但它不起作用，我的控制总是启用的。 html页面代码为：

<select name="LinguaCodiceMadre" id="LinguaCodiceMadre" data-val-length-max="10" data-val-length="The field LinguaCodiceMadre must be a string with a maximum length of 10." data-val="true">
    <option></option>
    <option value="sq">Albanian</option>
    <option value="de">German</option>
    <option value="en">English</option>
    <option value="fr">French</option>
    <option value="it">Italian</option>
    <option value="pt">Portuguese</option>
    <option value="ru">Russian</option>
    <option value="es">Spanish</option>
</select>

没有“禁用”属性。

我的真正目标是有条件地启用/禁用下拉菜单，如下所示：

<div class="field-list">@Html.DropDownListFor(model => model.LinguaCodiceMadre, Model.LinguaMadreList, new{@disabled=Model.IsDisabled ? "disabled" : "false"})</div>

但它不起作用。

我都试过了

new{@disabled=Model.IsDisabled ? "disabled" : "false"}

和

new{disabled=Model.IsDisabled ? "disabled" : "false"}

但没什么，禁用的属性不会在 html 页面上呈现。

有人有想法吗？

Answer 1

只是一个小的修正。试试这个

<div class="field-list">@Html.DropDownListFor(model => model.LinguaCodiceMadre, Model.LinguaMadreList, new{ disabled = "disabled" })</div>

这肯定会禁用您的下拉菜单..

其他选择是使用 jquery ：

为您的控件声明 @Id 稍后执行类似操作

$("#youid").prop("disabled", true); 

最后试试这个：如果这不起作用意味着你这边有问题

<div class="field-list">@Html.DropDownListFor(model => model.LinguaCodiceMadre, Model.LinguaMadreList,String.Empty, new{ disabled = "disabled" })</div>

问候

Answer 2

首先，如果你想根据用户输入启用/禁用下拉列表，你需要使用javascript来启用/禁用下拉列表。

对于 Javascript 使用以下逻辑：

$("#checkbox1").change(function () {

  if (document.getElementById("checkbox1").checked == true) {

     document.getElementById("DropDown1").disabled = true;
  }
  else {

     document.getElementById("DropDown1").disabled = false;
  }

});

这是我为您尝试过的 Fiddle Demo，效果非常好

Fiddle Demo

1. 我有两个属性的模型
2. 出于演示目的，我正在控制器的下拉菜单中填充测试数据（在您的情况下，它将来自数据库）
3. 在视图上，我正在为两个输入分配 ID。
4. 最后，在下面的视图中，有一个 Javascript 函数驱动 CheckBox 来查看是否选中，如果选中，则不能从下拉菜单中选择任何值，否则它可以打开选择值。李>

Answer 3

我解决了我的问题：我的代码中有一个 javascript（对不起，我没有马上注意到）在文档准备好时删除禁用属性。

我所做的是：

• 为 HtmlHelper 创建扩展：

---

public static class HtmlExtensions
{
    public static MvcHtmlString DropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, string optionText, bool canEdit)
    {
        if (canEdit) return html.DropDownListFor(expression, selectList, optionText);
            return html.DropDownListFor(expression, selectList, optionText, new { @disabled = "disabled" });
    }
}

• 在剃刀视图中：

---

<code><div class="field-list">@Html.DropDownListFor(model => model.LinguaCodiceMadre, Model.LinguaMadreList, "", Model.IsEnabled)</div></code>

这行得通！

谢谢