|
分類:[ASP.NET (C#)]
こんばんは。
すみません、質問よろしくお願いいたします。
ASP.net+JavascriptでWebFormを作成しています。
・実現したいこと
①ASP.netのコード側からHiddenFieldに値を設定
②Javascriptで①の値を取得し変更
③ボタン押下時にサーバ側で②の値を受取り処理
・困っていること
③処理時に②で書き換えた値を取得できない(値は①のまま)
・確認したこと
③処理前にJavascriptのalertでHiddenの値を確認(値は②)
①で値を設定しなければ②の値がなぜか取得できる
・コード
[.aspx]
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<script type="text/javascript">
window.onload = function () {
//②
document.getElementById("test1").value = "test1";
}
function test(){
let test1Val = document.getElementById("test1").value;
alert(test1Val);
}
</script>
<body>
<form id="form1" runat="server">
<div>
<asp:HiddenField runat="server" ID="test1" />
<asp:Button runat="server" ID="btn" Text="ボタン" OnClick="btn_Click" OnClientClick="test()"/>
</div>
</form>
</body>
[.cs]
protected void Page_Load(object sender, EventArgs e)
{
//①
test1.Value = "テスト";
}
protected void btn_Click(object sender, EventArgs e)
{
//③
Console.WriteLine(test1.Value);
}
どのようにすれば実現できるのか教えていただけないでしょうか？
よろしくお願いいたします。
|