通過選擇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");