web-dev-qa-db-fra.com

Comment définir le texte à étiqueter avec jQuery?

Je veux définir le texte à étiqueter avec jQuery après avoir cliqué sur le bouton. J'ai écrit du code et ça marche, mais après avoir mis du texte dans mon étiquette, l'étiquette retourne son ancien état. Voici mon code:

<%@ 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>
jqueryasp.netbuttonlabelset
11
Rougher

Si votre bouton provoque une publication, les modifications seront perdues après le rechargement de la page. Essaye ça -

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

Vous pouvez utiliser la méthode text pour définir le texte

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

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

J'utiliserais ça,

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

Les étiquettes ne conservent pas l'état d'affichage. Le serveur ne publiera pas ces informations sur le serveur. Vous pouvez essayer d'activer explicitement ViewState sur votre étiquette, mais si cela ne fonctionne pas, vous devrez stocker cette valeur dans un champ masqué.

<asp:Label ID="Label1" runat="server" EnableViewState="true"></asp:Label>
1
rkw
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return f();"/>

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

OR

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

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