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>

没有＆＃34;禁用＆＃34;属性。

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

<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

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

对于Javascript使用以下逻辑：

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

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

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

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

});

这是我为你试过的小提琴演示，它完全可以实现

Fiddle Demo

我有两个属性的模型
我在控制器中为DropDown填充测试数据以进行演示目的（在您的情况下，它将来自数据库）
在视图上，我为两个输入分配ID。
最后，在视图下面有Javascript函数正在驱动CheckBox以查看是否已选中，如果已选中，则无法从DropDown中选择任何值，否则它将对选择值开放。

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>

这有效！

由于

已禁用DropDownList razor mvc

3 个答案: