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

您只需将隐藏变量移动到与Submit按钮相同的表单中，并删除第二个表单标记。因此，您的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());
}