c# - HiddenField1 值为空

Question

我尝试在我的页面上添加表单 jquery。我有这段代码：

<form id="form" class="blocks" action="form.aspx" method="post">
    <p>
        <label>Name:</label>
        <input type="text" class="text" id="name1"  name="name"  />
    </p>
<input runat="server" type="submit" class="btn" onclick="return xy();"  value="Submit"/>
            </p>
</form>

<form id="form1" runat="server" action="form.aspx" method="post">
    <asp:HiddenField ID="HiddenField1" runat="server" />
</form>

和这个：

function xy()
{
    $("#HiddenField1").val($("#name1").val());
    alert($("#HiddenField1").val());
}

此警报正常工作，我想在 C#HiddenField1.Value中使用。string我的代码：

protected void Page_Load(object sender, EventArgs e)
{
    string string1 = HiddenField1.Value;
}

string1是null。为什么会这样null？

Answer 1

这取决于。您必须首先调用函数 xy() 以使 HiddelField1.value 具有值。我看不出你叫它。

像这样：

protected void Page_Load(object sender, EventArgs e)
{
    //call xy() here
    string string1 = HiddenField1.Value;
}

Answer 2

您只需将 Hidden 变量移动到与提交按钮相同的表单中，然后删除第二个表单标签。因此，您的 HTML 应更改为如下所示：

<form id="form" class="blocks" action="WebForm1.aspx" method="post" runat="server">
<asp:HiddenField ID="HiddenField1" runat="server" />
<p>
    <label>
        Name:</label>
    <input type="text" class="text" id="name1" name="name" />
</p>
<input id="Submit1" runat="server" type="submit" class="btn" onclick="return xy();"
    value="Submit" />
</form>

Answer 3

您可以使用 jquery text() 函数

function xy() {
  $("#HiddenField1").val($("#name1").text());
}