单击链接时在标签上打印值

本文关键字：打印 标签 链接 单击 | 更新日期: 2023-09-27 17:58:58

我有一个标签声明如下；

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

此外，我已声明链接如下；

<a> Hello </a>

当用户点击链接Hello时，我需要将文本Hello复制到上面声明的Label。我该怎么做？

单击链接时在标签上打印值

这个简单的JavaScript可以工作：

<asp:Label ID="Label1" runat="server" Text="lol"></asp:Label>
<a id="myLink" onclick="linkClick()"> Hello </a>
<script type="text/javascript" language="javascript">
    function linkClick() {
        var value = document.getElementById('myLink').innerText;
        document.getElementById('<%= Label1.ClientID %>').innerText = value;
    }
</script>

或者，正如Devang Rathod建议的那样，您可以使用jQuery。

您可以使用jquery。但是你必须在你的页面上使用jquery.js。

$(document).ready(function(){
  $('a').click(function() {
    $("#Label1").attr('Text',$("a").text());
  });
});

标记：

<asp:Label ID="Label1" runat="server" Text=" "></asp:Label>
<asp:LinkButton id="button" runat="server" Text="Hello" onClick="button_onclick" />

代码背后：

protected void button_onclick(Object sender,EventArgs e)
{
    Label1.Text = button.Text;
}
相关文章：