Как установить текст для метки с помощью jQuery?

Я хочу установить текст на ярлык с помощью jQuery после нажатия кнопки. Я написал код, и он работает, но после того, как я установил текст в своем ярлыке, метка вернет его прежнее состояние. Вот мой код:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DynamicWebApplication.WebForm2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">
        <title></title>

        <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            function f() 
            {
                $('#<%=Label1.ClientID%>').html("hello");  
            }
        </script>
    </head>

    <body>
        <form id="form1" runat="server">
            <div>
                <asp:Label ID="Label1" runat="server"></asp:Label>
                <p></p>
                <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="f();"/>
            </div>
        </form>
    </body>

</html>

Ответы

Ответ 1

Если ваша кнопка вызывает обратную передачу, тогда изменения будут потеряны после перезагрузки страницы. Попробуйте это -

function f() 
        {
            $('#<%=Label1.ClientID%>').html("hello"); 
            return false;  
        }

Ответ 2

Вы можете использовать метод text для установки текста

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="return f();"/>

function f() 
    {
        $('#<%=Label1.ClientID%>').html("hello"); 
        return false;  
    }

Ответ 3

Ярлыки не поддерживают viewstate. Сервер не будет размещать эту информацию на сервере. Вы можете попробовать явно включить ViewState на вашей метке, но если это не сработает, вам нужно будет сохранить это значение в скрытом поле.

<asp:Label ID="Label1" runat="server" EnableViewState="true"></asp:Label>

Ответ 4

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return f();"/>

function f() 
{
    $('#<%=Label1.ClientID%>').html("hello"); 
    return false;  
}

ИЛИ

 <asp:Button ID="Button1" runat="server" Text="Button" />

$(document).ready(function(){
  $('#<%=Button1.ClientID%>').click(function(){
    $('#<%=Label1.ClientID%>').html("hello");
    return false; 
   });
});

Ответ 5

Я бы использовал это,

$('#<%=Label1.ClientID%>').text("hello");