Set the Value of a Hidden field using JQuery

Question

I want to set the value of a hidden field, using JQuery.

Hidden Field:

<input id="chag_sort" type="hidden" name="chag_sort">

My JQuery:

 $("#input[name=chag_sort]").val(sort2);

What am I doing wrong? I should also mention in console that sort2 does in fact have a value: DESC.

score 35 · Accepted Answer · edited Dec 04 '13 at 01:12

35

The selector should not be #input. That means a field with id="input" which is not your case. You want:

$('#chag_sort').val(sort2);

Or if your hidden input didn't have an unique id but only a name="chag_sort":

$('input[name="chag_sort"]').val(sort2);

edited Dec 04 '13 at 01:12

Neil

answered May 13 '11 at 22:30

Darin Dimitrov

Or, for my completionist tendencies, `$('input[name="chag_sort"]').val(sort2);`. Depending on the *type* of that `input` it might be necessary to use`$('input[name="chag_sort"]').eq(0).val(sort2);` to differentiate between the possibly-various elements sharing that name. – David Thomas May 13 '11 at 22:31

score 3 · Answer 2 · answered May 13 '11 at 22:30

3

Drop the hash - that's for identifying the id attribute.

answered May 13 '11 at 22:30

planetjones

score 2 · Answer 3 · answered Feb 01 '13 at 13:28

2

If you have a hidden field like this

  <asp:HiddenField ID="HiddenField1" runat="server" Value='<%# Eval("VertragNr") %>'/>

Now you can use your value like this

$(this).parent().find('input[type=hidden]').val()

answered Feb 01 '13 at 13:28

Sajidur Rahman

3 Answers3