通过选择Html.DropDownListFor禁用/启用Html.EditorFor

Question

我试图根据从Html.DropDownListFor控件进行的选择来启用/禁用一组EditorFor控件。

我的下拉菜单中包含4个元素，并且当下拉列表中的每个元素都被选中时，我想启用一组编辑器控件。

目前，我有以下简单代码：

<div id="label-address-type" class="line">
    @Html.BasicLabelFor(m => m.ReturnsLabelAddressType)
    @Html.DropDownListFor(m => m.ReturnsLabelAddressType, new   SelectList(Model.AddressTypeList(Model.ReturnsLabelAddressType), "Value", "Text"))
</div>
<div class="line">
          @Html.BasicLabelFor(m => m.OtherReturnsLabelAddress.AddressLine1)
    @Html.EditorFor(m => m.OtherReturnsLabelAddress.AddressLine1)
</div>
<div class="line">
    @Html.BasicLabelFor(m => m.OtherReturnsLabelAddress.AddressLine2)
    @Html.EditorFor(m => m.OtherReturnsLabelAddress.AddressLine2)
</div>
<div class="line">
    @Html.BasicLabelFor(m => m.OtherReturnsLabelAddress.AddressLine3)
    @Html.EditorFor(m => m.OtherReturnsLabelAddress.AddressLine3)
</div>
<div class="line">
    @Html.BasicLabelFor(m => m.OtherReturnsLabelAddress.AddressLine4)
    @Html.EditorFor(m => m.OtherReturnsLabelAddress.AddressLine4)
</div>
<div class="line">
    @Html.BasicLabelFor(m => m.OtherReturnsLabelAddress.LocationCode)
    @Html.EditorFor(m => m.OtherReturnsLabelAddress.LocationCode)
</div>

提前致谢。

Answer 1

您可以在下拉菜单中添加ID。 每个EditorFor的ID都可以与下拉选项的文本相同。 然后使用jquery获取下拉菜单。 之后，您可以禁用所需的编辑器

var selectedOption = $("#yourdropdownid option:selected").text();
$('#'+selectedOption).prop('disabled', true); 

如果您正在使用引导程序，则可以执行

$('#'+selectedOption).addClass("disabled");