2012-03-09 10 views
3

jqueryで隠しフィールドの値を変更して、今度はサーバに新しい値を取得します。 私はasp.netを使用して、これは私のjqueryのコードです:私は'#HiddenField'の値を変更し、私は取得したい私のページでjqueryで隠しフィールドの値を変更し、サーバで新しい値を取得

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

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

と、これは私のhtmlタグでありますサーバー側のNewValue。

+0

サーバーサイドコードの関連部分を含めてください。 – jrummell

答えて

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ボタンを押すと、サーバーで新しい値を使用できます。

7

次のようなjQueryのセレクタであなたの隠されたフィールドのクライアントIDを使用する必要がありますよう、

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

か、あるいは隠しフィールドのスタイルを使用して、クラスによってそれにアクセス:

背後にあるコードで
<input id="HiddenField" type="hidden" runat="server" value="" CssClass="hidden"/> 
$('.hidden').val("NewValue"); 
+0

それは値を変更しますが、サーバ側でこの新しい値を取得できません。サーバ側ではnullを取得します。 –

+0

はフォームタグ内の隠しフィールドで、ポストバックやコールバックの値をチェックしていますか? – Akhil

+0

値はポストバックから –

関連する問題