ASP.NET下拉框选择回发时，客户端显示等待标签的问题求助

你的原有代码问题在于：一是错误地隐藏了提示标签（应该是显示），二是直接调用__doPostBack会导致浏览器还没来得及渲染提示就进入回发流程，所以看不到效果。以下是两种可行的解决方法：

方法1：基础WebForms场景（无UpdatePanel） #

1. 页面控件配置 #

先在页面中添加默认隐藏的提示标签，并修改下拉框的触发方式：

<asp:Label ID="Lbl_Wait" runat="server" Text="Wait, reading data....." Style="display:none; color:#1a73e8;"></asp:Label>

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="false" OnChange="ShowWaitAndPostBack(this);">
    <asp:ListItem Text="选项1" Value="1"></asp:ListItem>
    <asp:ListItem Text="选项2" Value="2"></asp:ListItem>
    <!-- 其他下拉项 -->
</asp:DropDownList>

将下拉框的AutoPostBack设为false，避免自动触发回发，改用自定义函数控制流程。

2. 自定义JavaScript函数 #

先显示提示标签，再延迟触发回发，确保浏览器有时间渲染提示：

<script type="text/javascript">
    function ShowWaitAndPostBack(obj) {
        // 获取提示标签并设置为显示状态
        const waitLabel = document.getElementById("<%= Lbl_Wait.ClientID %>");
        waitLabel.style.display = "inline-block";
        
        // 极短延迟后触发回发，确保提示渲染完成
        setTimeout(() => {
            __doPostBack(obj.id, '');
        }, 10);
    }
</script>

方法2：使用UpdatePanel的异步回发场景 #

如果页面用了UpdatePanel做局部更新，可利用ASP.NET内置的PageRequestManager监听回发状态：

<script type="text/javascript">
    const prm = Sys.WebForms.PageRequestManager.getInstance();
    
    // 回发起始时显示提示
    prm.add_beginRequest((sender, args) => {
        const waitLabel = document.getElementById("<%= Lbl_Wait.ClientID %>");
        waitLabel.style.display = "inline-block";
    });
    
    // 回发结束后隐藏提示
    prm.add_endRequest((sender, args) => {
        const waitLabel = document.getElementById("<%= Lbl_Wait.ClientID %>");
        waitLabel.style.display = "none";
    });
</script>

这种情况下下拉框可保持AutoPostBack="true"，PageRequestManager会自动监听所有异步回发的开始与结束事件。

关键注意事项 #

• 必须通过<%= Lbl_Wait.ClientID %>获取提示标签的客户端ID：ASP.NET在使用母版页、用户控件等命名容器时，会自动生成带前缀的客户端ID，直接写静态ID会找不到元素。
• 若下拉框为动态生成，可给提示标签添加CssClass="wait-label"，然后用document.querySelector('.wait-label')获取元素，避免ID变化的问题。

内容的提问来源于stack exchange，提问作者Rafael Mota Quintana