ASP.NET MVC Razor獲取選擇選項值

Question

這是我的代碼。 對不起，如果我解釋這個錯誤。

<select class="form-control" data-val="true" data-val-number="The field 
SupervisorID must be a number." data-val-required="The SupervisorID field is 
required." id="SupervisorID" name="SupervisorID"><option value="" 
disabled="disabled">Select Supervisor</option>
<option value="5" disabled="disabled">Tom</option>
<option value="6" disabled="disabled">John</option>
</select>

我的問題是如何訪問選項值。 我嘗試使用

   $('select[option[value*='+$val+']]').removeAttribute

我只想從所選值中刪除屬性。 $ val是我在復選框中選擇的值，並且所選值在選擇列表中啟用。 因此，當我檢查值5時，湯姆將刪除其禁用的屬性。 但這似乎不起作用。 我嘗試使用：

document.getElementByID('SupervisorID').options[$val].removeAttribute('disabled');

但是，當值是5或6且只有2個選項時，列表中沒有第5或第6個值。 這樣，當有2個值並且我在選擇列表中檢查第二個值（John的值為6）時，它將選擇列表中的第6個值（如果沒有）。

我想第一種方法，而不是使用options [$ val]方法，盡管可以得到任何幫助。 謝謝您的回答。

Answer 1

您可以使用jquery完成。

  $('select option:selected').removeAttr('disabled'); $(".chk").on("change",function(){ if($(this).is(":checked")){ $('select option[value="' + $(this).attr('value')+ '"]').removeAttr('disabled'); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <select class="form-control" data-val="true" data-val-number="The field SupervisorID must be a number." data-val-required="The SupervisorID field is required." id="SupervisorID" name="SupervisorID"> <option value="" disabled="disabled" selected="selected">Select Supervisor</option> <option value="5" disabled="disabled">Tom</option> <option value="6" disabled="disabled">John</option> </select> <input class="chk" type="checkbox" value="5" /> <input class="chk" type="checkbox" value="6" />