如果下拉列值更改为某个值，则动态禁用TextBoxFor

Posted 2021-05-06

是否可以动态disable或制作TextBoxFor readonly如果下拉值更改为某个值而不使用帮助器或javascript？

剃刀视图

<div class="form-group">
    @html.LabelFor(m => m.TypeId, new { @class = "col-md-2 control-label" })
    <div class="col-md-4">
        @Html.DropDownListFor(m => m.TypeId, new SelectList(ViewBag.TypesDDL, "TypeId", "Name"), new { @class = "form-control" })
    </div>
    @Html.LabelFor(m => m.TypeOthers, new { @class = "col-md-2 control-label" })
    <div class="col-md-4">
    @if (Model.TypeId == "Others") {
        @Html.TextBoxFor(m => m.TypeOthers, new { @class = "form-control" })
        @Html.ValidationMessageFor(m => m.TypeOthers, "", new { @class = "text-danger" })
    }
    </div>
</div>

在上面的代码中，我使用if语句来显示TypeOthers TextBoxFor，如果TypeId DropDownListFor等于Others，但这在加载后不起作用，如果我将TypeId的下拉值更改为不是Others的TypeOthers TextBoxFor没有出现。

我知道这可以通过使用javascript轻松完成，就像在下面的代码中一样，但我想知道是否可以通过使用razor来完成。

$("#TypeId").change(function () {
    if (document.getElementById("TypeId").value == "OTHERS") {
        document.getElementById("TypeOthers").disabled = false;
    } else {
        document.getElementById("TypeOthers").disabled = true;
    }
});

如果我不够清楚，请发表评论。

答案

我想这会起作用试试这个

@{ object displayMode = (Model.Typedof) ? "Others" : new {disabled = "disabled" };
@Html.TextBoxFor(m=>m. TypeOther, "", displayMode)
}