asp.net hiddenfield.value is not updated by javascript

Question

I want to assign a value to an asp.net hiddenfield via javascript prior to post back.

But in the code behind the hidden fieldvalue is null. The code I am using is:

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="True" Visible="True">
        <Triggers>
            <asp:AsyncPostBackTrigger   ControlID="save1"    EventName="Click">         
            </asp:AsyncPostBackTrigger>
        </Triggers>
        <ContentTemplate>
            <asp:HiddenField ID="HiddenField1" runat="server" />
       </div>

        </ContentTemplate>
   </asp:UpdatePanel>

 <asp:Button ID="save1" runat="server" Text="Send"  OnClientClick="return SaveFase();"  />

       function SaveFase() {     
           var UP = jQuery.get('<% = HiddenField1.ClientID %>');
           UP.Value= "xxxxxxxxxxxxxxxxxxxx"
          return true             
       }

Protected Sub PassBackImage(sender As Object, e As EventArgs) Handles save1.Click

      dim Value = HiddenField1.Value      
End Sub

James Hill · Accepted Answer · 2012-05-22 16:01:25Z

2

Use the ID selector and the .val() method:

var UP = jQuery('#<% = HiddenField1.ClientID %>');
UP.val("xxxxxxxxxxxxxxxxxxxx");

edited May 22, 2012 at 16:01

answered May 22, 2012 at 15:54

James Hill

62.2k22 gold badges150 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pencho Ilchev · Accepted Answer · 2012-05-22 16:09:13Z

1

You probably meant to write:

$('#<% = HiddenField1.ClientID %>').val('xxxxxxxxxxxxxxxxxxxx');

Also, put your javascript function in a sctipt block:

<script type="text/javascript">
       function SaveFase() {     
           return $('#<% = HiddenField1.ClientID %>').val('xxxxxxxxxxxxxxxxxxxx');
       }
<script>

edited May 22, 2012 at 16:09

answered May 22, 2012 at 15:50

Pencho Ilchev

3,26120 silver badges22 bronze badges

2 Comments

Marky68 Over a year ago

this works great $('#<% = HiddenField1.ClientID %>').val('xxxxxxxxxxxxxxxxxxxx'); thanks guys

Pencho Ilchev Over a year ago

@Marky68 no worries, consider upvoting the answers which have helped you and accepting the answer which best/first answers your question.

Ethan Shafer · Accepted Answer · 2012-05-22 15:56:49Z

0

Instead of using jQuery.get (which is a call to an HTTP GET method http://api.jquery.com/jQuery.get/), use

jQuery.find('#' + <% = HiddenField1.ClientID %>)

Then from there it should work. If it doesn't, use an error console to see what errors are being raised when the call is made (most browsers have one built in.

answered May 22, 2012 at 15:56

Ethan Shafer

682 silver badges16 bronze badges

Collectives™ on Stack Overflow

asp.net hiddenfield.value is not updated by javascript

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest