ASP.NET MVC Razor 获取选择选项值答案

【问题标题】：ASP.NET MVC Razor Getting select option valueASP.NET MVC Razor 获取选择选项值
【发布时间】：2017-07-28 07:55:33
【问题描述】：

这是我的代码。如果我解释错了，请原谅。

<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] 方式，但感谢您提供任何帮助。谢谢你的回答。

【问题讨论】：

标签： javascript c# jquery asp.net-mvc-4 razor

【解决方案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"  />

【讨论】：