使用jquery更改隐藏字段值并在服务器中获取新值

时间:2012-03-09 18:29:58

标签: jquery asp.net html

我用jquery更改隐藏字段的值,现在我想在服务器中获取新值。 我使用asp.net,这是我的jquery代码:

$('#HiddenField').val("NewValue");

这是我的html标签:

<input id="HiddenField" type="hidden" runat="server" value=""/>

在我的页面中我更改了'#HiddenField'的值,我希望在服务器端获得NewValue。

2 个答案:

答案 0 :(得分:8)

我在我的页面上试过这个,

<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
</head>
<body>

    <form id="form1" runat="server">
    <div>
        <asp:Button runat="server" ID="goBtn" Text="Go" OnClick="goBtn_Click" />
        <input id="HiddenField" type="hidden" runat="server" value="" />
        <asp:TextBox runat="server" ID="testTxt"></asp:TextBox>
    </div>
    </form>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#<%=HiddenField.ClientID %>').val("Test");
        });
    </script>

</body>
</html>

这在后面的代码中,

protected void goBtn_Click(object sender, EventArgs e)
{
    testTxt.Text = HiddenField.Value;
}

按下go按钮时,服务器上会显示新值。

答案 1 :(得分:7)

您需要在JQuery选择器中使用隐藏字段的ClientID,例如:

$('#<%= HiddenField.ClientID %>').val("NewValue");

或者,或者,使用隐藏字段的样式并通过类访问它,例如:

<input id="HiddenField" type="hidden" runat="server" value="" CssClass="hidden"/>
$('.hidden').val("NewValue");