无法在 asp.net C# 中更改 div 的可见性

Question

我有一个显示加载符号的 div。我正在设置下拉框更改的可见性。 SelectedIndexChanged 方法完成后，我想在 C# 中将其可见性设置为 false。

这里是 div 标签：

<div runat="server" clientidmode="Static" id="loadingImage" class="loadingImage" >
 <img class="loadingImg" src="../Images/ajax-loader.gif" />
</div>

这里是 jQuery 函数：

$(document).ready(function () {
    //$('#loadingImage').hide();
    var modal = document.getElementById('loadingImage');
    modal.style.display = "none";

    $("#selectSegment").change(function () {
        var modal = document.getElementById('loadingImage');
        modal.style.display = "block";
    });
});

这就是我尝试在 C#

中设置可见性的方式

protected void selectSegment_SelectedIndexChanged(object sender, EventArgs e)
{
    ckBLBusinessUnits.Visible = true;
    loadingImage.Style["display"] = "none";
}

我在 C# 中尝试了各种方法，例如将可见性设置为 false 等，但没有任何效果。请帮忙。

Answer 1

改变这个：

loadingImage.Style["display"] = "none";

为此：

loadingImage.Style.Add("display", "none");

Answer 2

您可以使用隐藏和显示方法来执行该操作。

<div runat="server" clientidmode="Static" id="loadingImage" class="loadingImage">

 <img class="loadingImg" src="loading.gif" />
</div>


        <asp:DropDownList ID="selectSegment" ClientIDMode="Static" 
 runat="server">

            <asp:ListItem Value="0">none</asp:ListItem>

            <asp:ListItem Value="1">display</asp:ListItem>
        </asp:DropDownList>

JS

$(document).ready(function () {

                var modal = document.getElementById('loadingImage');
                modal.style.display = "none";

                $("#selectSegment").change(function () {


                    if (this.value === "1") {
                        $("#loadingImage").show();
                    } else {
                        $("#loadingImage").hide();
                    }


                });
            });

Answer 3

div 标签在 updatepanel 之外，将 div 移到 updatepanel 内解决了这个问题。

无法在 asp.net C# 中更改 div 的可见性

Unable to change visibility of a div in asp.net C#

html

css

c#

jquery

visibility