c# - リンクをクリックしたときにラベルに値を出力する

Question

次のように宣言されたラベルがあります。

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

さらに、次のように宣言されたリンクがあります。

<a> Hello </a>

ユーザーがリンクをクリックすると、上記で宣言されたラベルHelloにテキストをコピーする必要があります。Helloこれどうやってするの ？

Answer 1

あなたはそのために使うことができますjquery。ただし、ページでjquery.jsを実行する必要があります。

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

Answer 2

マークアップ:

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

Answer 3

この単純な 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 を使用できます。