是否可以动态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)
}