javascript - 在 JavaScript 中更新 'Enable' 的 'asp:DropDownList'

Question

我有 2 个 DropDownList，我正在尝试将第二个 DropDownList 切换为 Enable=true，当在第一个 DropDownList 中时，我选择了选项号 2。

当我在 VS 上运行代码时，收到此错误:“JavaScript 运行时错误:无法设置未定义或 null 引用的属性“setAttribute””

<script language="javascript">
    function Test(ddlId) {

        var ControlName = document.getElementById(ddlId.id);
        if (ControlName.value == 2) {
            alert("good");
            document.getElementById("ddlActivitiesParams2").setAttribute("Enable", true);
            //document.getElementById("ddlActivitiesParams2").disabled = true;
        }
    }
</script>

<asp:TemplateColumn HeaderText="Param1">
    <HeaderStyle Width="25%"></HeaderStyle>
    <ItemStyle HorizontalAlign="Center" Width="25%"></ItemStyle>
    <ItemTemplate>
        <asp:Label ID="lblParam1Desc" runat="server" Text='' Width="90%" />
    </ItemTemplate>
    <FooterTemplate>
        <asp:DropDownList ID="ddlAgentParams" onchange="Test(this);" DataValueField="Value" DataTextField="Text" DataSource=' <%# GetThresholdsAgentTypeParams() %> ' runat="server" Width="90%">
        </asp:DropDownList>
    </FooterTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Param2">
    <HeaderStyle Width="25%"></HeaderStyle>
    <ItemStyle HorizontalAlign="Center" Width="25%"></ItemStyle>
    <ItemTemplate>
        <asp:Label ID="lblParam2Desc" runat="server" Text='aaa' Width="90%" />
    </ItemTemplate>
    <FooterTemplate>
        <asp:DropDownList ID="ddlActivitiesParams2" Enabled="false" Visible="true" DataValueField="Value" DataTextField="Text" DataSource=' <%# GetActivities() %> ' runat="server" Width="90%">
        </asp:DropDownList>
    </FooterTemplate>
</asp:TemplateColumn>

Answer 1

您正在寻找错误的 ID。 ASP.Net 客户端 ID 将在运行时更改。您无法在选择器中使用服务器端 block ，因为您尝试访问的控件位于另一个控件内。

由于您的 ddl 位于页脚模板中，因此我假设只有其中一个。如果这是真的，并且您使用的是支持它的 ASP.Net 版本，则可以将属性 ClientIDMode="static" 放在 ddl 上，并且 ID 在运行时不会更改。

否则，您可能只想向下拉列表中添加一个唯一的 cssclass，然后根据类而不是 ID 选择它。