c# - 在 ASP MVC 中选中复选框时如何禁用 DropDownList

Question

我正在使用 C# 和 SQL Server 2005 开发 ASP .Net MVC 3 应用程序。

我也在使用 Entity Framework 和 Code First 方法。

在 View 中，我有 2 个复选框和 DropDownList。

我希望当我选中该复选框时，DropDownList 和另一个复选框变为已禁用。

为了做到这一点，我使用了 javascript。

复选框是完美的，它被禁用了，但我仍然对 DropDownList 有问题。

这是代码:

<div>
<input type="checkbox" name="option1" value="Poste Initial" id= "chkMain" />Poste Initial<input type="checkbox" name="option2" value="Poste Final" id= "chkFirst" onclick="test2();"/>Poste Final</div>

<div><%:Html.Label("Poste Suivant :")%><%: Html.DropDownListFor(model => model.PosteSuivantSelected, Model.PostesItems); ID = "dd"%></div>

<script type="text/javascript">

         function test2() {
             var chkMain = document.getElementById('chkMain');
             var chkFirst = document.getElementById('chkFirst');
             var dd = document.getElementById('dd');

             if (chkFirst.checked) {
                 chkMain.disabled = 'disabled';
                 dd.disabled = 'disabled';

             }
             else {
                 chkMain.disabled = false;

             }
         }

    </script>

我在 DropDownList 行中有一个编译错误

Answer 1

<%: Html.DropDownListFor(
    model => model.PosteSuivantSelected, Model.PostesItems); ID = "dd"%>

这是无效的语法。如果您希望为下拉列表分配一个 id，请使用匿名类型:

Html.DropDownListFor(
    model => model.PosteSuivantSelected, Model.PostesItems, new { @id = "dd" });