ASP.NET中如何在DropDownList选择项时控制Label的显示状态

1. 修正前端ASPX代码 #

首先给DropDownList补充必要属性，并将需要局部刷新的控件放入UpdatePanel中，避免弹窗因整页回发意外关闭：

<ajaxToolkit:ModalPopupExtender ID="mpeDirector_Accept_or_Reject_Overtime" runat="server" PopupControlID="pModal_Popup_Director_Accept_or_Reject_Overtime" TargetControlID="btnModal_Popup_Dummy_TargetControlID" 
    BackgroundCssClass="modalBackground" DropShadow="True">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="pModal_Popup_Director_Accept_or_Reject_Overtime" runat="server" CssClass="modalPopup" BackColor="#FFFFCC" BorderColor="Black" BorderStyle="Solid" BorderWidth="2px" style="display:none;">
    <asp:UpdatePanel ID="udpModal_Popup_Director_Authorise" runat="server" Width="430px">
        <ContentTemplate>
            <asp:Label ID="lbModal_Popup_Director_Accept_or_Reject_Overtime_Message" runat="server" Font-Names="Arial" ForeColor="Red" Font-Bold="True">"Director Accept/Reject" Over Time?</asp:Label>
            <asp:RadioButtonList ID="rblDirector_Accept_or_Reject" runat="server" RepeatDirection="Horizontal" >
                <asp:ListItem ID="liDirector_Accept" Text="Accept" Tag="1" ></asp:ListItem>
                <asp:ListItem ID="liDirector_Reject" Text="Reject" Tag="2" ></asp:ListItem>
            </asp:RadioButtonList>
            <br />
            <br />
            <div>
                <asp:Label ID="lbEmployee_Hourly_Rate_Multiplier" runat="server" Font-Names="Arial" Enabled="True" ForeColor="Black" Font-Bold="True">Hourly Rate:</asp:Label>
                <!-- 补充DropDownList的ID、自动回发和选中事件 -->
                <asp:DropDownList ID="ddlHourlyRate" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlHourlyRate_SelectedIndexChanged">
                    <!-- 根据业务需求添加下拉选项，示例包含Accept/Reject -->
                    <asp:ListItem Text="Accept" Value="Accept"></asp:ListItem>
                    <asp:ListItem Text="Reject" Value="Reject"></asp:ListItem>
                </asp:DropDownList>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <hr></hr>
    <asp:Button ID="btnModal_Popup_Director_Authorise_Cancel" runat="server" Text="Cancel" Width="174px" CausesValidation="False"/>
</asp:Panel>

2. 编写后台C#事件处理代码 #

在对应的.aspx.cs文件中添加DropDownList的选中索引变更事件处理方法，注意**SelectedItemIndex是整数类型，不能直接匹配字符串，需改用SelectedValue或SelectedText**：

protected void ddlHourlyRate_SelectedIndexChanged(object sender, EventArgs e)
{
    DropDownList ddl = sender as DropDownList;
    if (ddl != null)
    {
        switch (ddl.SelectedValue) // 若需匹配显示文本，可替换为ddl.SelectedText
        {
            case "Accept":
                lbModal_Popup_Director_Accept_or_Reject_Overtime_Message.Visible = true;
                break;
            case "Reject":
                lbModal_Popup_Director_Accept_or_Reject_Overtime_Message.Visible = false;
                break;
            default:
                // 可选：处理其他选项的默认逻辑
                lbModal_Popup_Director_Accept_or_Reject_Overtime_Message.Visible = true;
                break;
        }
    }
}

关键注意点 #

• AutoPostBack="true"：让DropDownList选中项变更时自动触发回发，执行后台事件。
• UpdatePanel：包裹需要局部刷新的控件，确保ModalPopup不会因整页回发关闭。
• 逻辑修正：原需求中的Switch(DropDownList.SelectedItemIndex)写法错误，SelectedItemIndex是整数，应使用SelectedValue（匹配选项的Value属性）或SelectedText（匹配选项的显示文本）来判断。

内容的提问来源于stack exchange，提问作者Yuppski