Javascriptでボタンクリック時にサーバーサイドへ値を渡したい

Question

###前提・実現したいこと
SharePoint On-Premises に、JavaScriptを埋め込み、サーバ側に値を渡したいです。

処理順序は以下の通りです。

1 ボタンが押下されたらJavaScriptの処理が開始する(modifyLabel()の実行)
2 modifyLabel()実行後に、サーバ側の処理が開始する(Button_Click(object sender, EventArgs e)の実行)

###発生している問題・エラーメッセージ

Javascriptで値を入れられたにも関わらず、サーバ側で値が取れなくて困っています。。。
ブラウザー搭載のデベロッパーツールのデバッグ実行では、JavaScriptで値が入ることは確認済みです。

（初歩的な質問ですいません。。）

###該当のソースコード

<%-- 一部抜粋 --%>

<asp:Label ID="Label1" runat="server" Text="Label" ClientIdMode="Static"></asp:Label>
<asp:Button ID="Button" runat="server" Text="送信" OnClick="Button_Click" OnClientClick="modifyLabel()"/>

<script type="text/javascript">
    function modifyLabel() {

        var label1 	 = document.getElementById('Label1');
        label1.innerHTML = '<p>あいうえお</p>' 
        
	return true;
     }
</script>

//一部抜粋

protected void Button_Click(object sender, EventArgs e){
	string label = Lable1.Text;
	Console.WriteLine(label);  //初期値の「Label」と出力されてしまう 
}

###補足情報(言語/FW/ツール等のバージョンなど)
Visual Studio 2015を用いて開発しています。

Answer 1

基本的にはフォーム関連要素でしか送れません(ブラウザが送らない)。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/form
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input

inputのvalue値が書き換わるようにしてください。

Comments

[ssbb0212]

早速のご回答ありがとうございます。

ご指摘を受けました通り、フォーム関連要素として認識させるために、Labelコントロールではなく、TextBoxコントロールを用いる事で、サーバ側で値を受け取る事が出来ました。

単純な問題でしたが解決する事が出来て、嬉しい限りです。
こちらをベストアンサーとさせて頂きます。
お忙しい所、ご回答ありがとうございました。

Answer 2

###Form要素を用いる
JavaScriptを埋め込み、サーバ側に値を渡すにはForm要素を用いる事で実現が可能でした。

今回はinput要素を用いて解決をしました。

###ソースコード訂正

<%-- 一部抜粋 --%>

<asp:HiddenField ID="hiddenField1" runat="server" ClientIdMode="Static" /> //訂正箇所
<asp:Button ID="Button" runat="server" Text="送信" OnClick="Button_Click" OnClientClick="modifyLabel()"/>

<script type="text/javascript">
    function modifyLabel() {

        var hiddenField1       = document.getElementById('hiddenField1');
        hiddenField1.innerHTML = '<p>あいうえお</p>' 
        
    }
</script>

protected void Button_Click(object sender, EventArgs e){
    string hiddenField1= hiddenField1.value;
    Console.WriteLine(hiddenField1);  //<p>あいうえお</p> 
}

Answer 3

<asp:Button ID="Button" runat="server" Text="送信" OnClick="Button_Click" OnClientClick="modifyLabel()" UseSubmitBehavior="false" />

これで試して貰えますか。UseSubmitBehavior のリファレンスはこちら。

Comments

[ssbb0212]

早速のご回答ありがとうございます。
試してみたのですが、特に変化はありませんでした。。

[mattn]

値はサーバに飛んでいるのでしょうか？

[ssbb0212]

ご返信ありがとうございます。

サーバ側に値を渡せていなかったため、form要素を用いましたところ値を渡す事が出来ました。
お忙しい所、ご回答ありがとうございました。