如何使用 jQuery 设置文本标签？

发布于 2024-11-28 15:44:03 字数 1164 浏览 0 评论 0原文

我想在单击按钮后使用 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>

原文

I want to set text to label with jQuery after clicking on button. I wrote code and it works, but after I set text in my label, label return his old state. Here is my 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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

酒废 2024-12-05 15:44:03

如果您的按钮导致回发，则页面重新加载后更改将丢失。试试这个 -

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

If your button is causing a postback then the changes will be lost after the page has reloaded. Try this -

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

回复收藏 0 原文

爱的十字路口 2024-12-05 15:44:03

标签不维护视图状态。服务器不会将该信息发布回服务器。您可以尝试在标签上显式启用 ViewState，但如果这不起作用，则必须将该值存储在隐藏字段中。

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

Labels do not maintain viewstate. The server will not post that information back to the server. You can try explicitly enabling the ViewState on your Label, but if that doesn't work, you will have to store that value in a hidden field.

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

回复收藏 0 原文

睫毛上残留的泪 2024-12-05 15:44:03

您可以使用 text 方法来设置文本

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

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

You can use text method to set the text

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

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

回复收藏 0 原文

习惯成性 2024-12-05 15:44:03

我会用这个，

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

I would use this,

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

回复收藏 0 原文

默嘫て 2024-12-05 15:44:03

<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; 
   });
});

<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; 
   });
});

回复收藏 0 原文

~没有更多了~