Question

我有以下标记;

 <fieldset style="width:40%;">
    <legend> Site User Role Management</legend>
    <asp:Label ID="lblSiteUserDDl" runat="server" AssociatedControlID="ddlSiteUsers"
         Text="Manage the roles in which a user is registered by selecting the user from the dropdown list below."></asp:Label>
    <asp:DropDownList ID="ddlSiteUsers" runat="server" CssClass="dropdowns" AutoPostBack="True" />
    <br /><br />
    <fieldset id="rolemanagement" style="width:80%;" runat="server" >
        <legend></legend>
        <asp:UpdatePanel runat="server">
            <ContentTemplate>
                    <asp:Label ID="lblCurrentRole" runat="server"  CssClass="literaltext"></asp:Label><br />
                    <asp:Label ID="lblSiteUserRole" runat="server" CssClass="literaltext"></asp:Label><br />
                    <asp:DropDownList ID="ddlUserRoles" CssClass="dropdowns" runat="server"/><br />
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddlSiteUsers" EventName="SelectedIndexChanged"/>
            </Triggers>
        </asp:UpdatePanel>
   </fieldset>
</fieldset>

以及页面底部的以下脚本

 <script>
    $(document).ready(function() {
        $('#<%= ddlSiteUsers.ClientID%> ').change(function () {
            $(this).css({ 'color': 'black', 'font-size': '1.1em', 'font-weight': 'bold' });
            var selecteditem = $(this).children("option:selected").text();
            $('#<%= lblCurrentRole.ClientID%>').html("You selected the user: <span style='color:black;font-weight:bold;'>" + selecteditem + "</span>");
        });
    });
</script>

问题是第一个标签DOES正确更改但在更新面板返回页面时被删除。我已经尝试了通过谷歌找到的所有各种解决方案，但似乎都没有。现在，具有两个标签和下拉列表的字段集始终可见，最终一旦我正确显示标签，该字段集将被隐藏，直到上面的下拉选择发生变化。

Answer 1

将lblCurrentRole移到更新面板之外或填充其值服务器端。由于问题在于它正在被替换，因此您需要将其保留在正被替换的容器之外，或者设置值服务器端，以便返回的HTML将正确设置它。

使用服务器端的一组跨度来更新标签的值。

 lblCurrentRole.Controls.Clear();

 var textSpan = new HtmlGenericControl("span");
 textSpan.InnerText = "You selected the user: ";
 lblCurrentRole.Controls.Add(textSpan);

 var userSpan = new HtmlGenericControl("span");
 userSpan.InnerText = ddlSiteUsers.SelectedValue;
 userSpan.Attributes.Add("class","selected-user");
 lblCurrentRole.Controls.Add(userSpan);

Answer 2

请遵循此方法。这可能对你有所帮助。

Sys.WebForms.PageRequestManager.getInstance（）。add_pageLoaded（function（evt，args）{ //在这里写你的jquery函数 }）;

jquery无法使用更新面板

2 个答案: