Retrieving hidden input value using jQuery

Question

I have a hidden input in the manner below:

<div id="message">
    <input id="hiddeninput" type="hidden">
    <span>Message with submit button <input type=button id="confirm" value="Submit"></span>  
</div>

The hidden input is given a value after a jQuery POST. I need to retrieve the value that is set, and send it in another jQuery POST.

Interestingly, I get this:

<input id="hiddeninput" type="hidden">34345</input>

after fetching the value from the server in the first jQuery post.

Just $("#hiddeninput").val() does not retrieve the value which I want to send.

What is the correct way to do it in my example?

EDIT: In JQuery, This is how I set the value to the hidden field:

$.post("post.php", function(data){


    if(data.length > 0){
    var resultObj =  eval(data)[0];
    if(resultObj.SomeNumber >= 0)
    {
        $("#hidden").html(resultObj.SomeNumber);
    }
 });

BvdVen · Accepted Answer · 2011-01-18 08:40:19Z

4

You have to set the value of the hidden field like this, then it should work

<input id="hiddeninput" type="hidden" value="34345" />

answered Jan 18, 2011 at 8:40

BvdVen

2,96126 silver badges36 bronze badges

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

2 Comments

Naweed Chougle Over a year ago

I closed the input tag. Still, the tag is re-formatted to this <input id="hiddeninput" type="hidden">34345</input> after I retrieve the value via a POST.

BvdVen Over a year ago

@Jon try changing this $("#hidden").html(resultObj.SomeNumber); to $("#hidden").val(resultObj.SomeNumber);

Zaje · Accepted Answer · 2011-01-18 08:40:15Z

2

The hidden element

<input id="hiddeninput" type="hidden">

does not have the value attribute. It should be like

<input id="hiddeninput" type="hidden" value="someValue">

answered Jan 18, 2011 at 8:40

Zaje

2,3095 gold badges27 silver badges39 bronze badges

Comments

Mark Robinson · Accepted Answer · 2011-01-18 08:41:34Z

0

$("#hiddeninput").html() would retrieve 34345 from the structure as you show although as stated above the value attribute should be used on a hidden field and then val() will work.

answered Jan 18, 2011 at 8:41

Mark Robinson

13.3k13 gold badges66 silver badges85 bronze badges

Comments

Martin Jespersen · Accepted Answer · 2011-01-18 08:41:44Z

0

Since <input id="hiddeninput" type="hidden">34345</input> is not the "right" way to format the input tag,a s opposed to <input id="hiddeninput" type="hidden" value="34345"/> you need to use $("#hiddeninput").text()

answered Jan 18, 2011 at 8:41

Martin Jespersen

26.3k8 gold badges60 silver badges69 bronze badges

2 Comments

Naweed Chougle Over a year ago

Hey, this works! But does anyone see a problem that I'm not using the "right" way to format the input tag?

Martin Jespersen Over a year ago

Well it is malformated markup, so you should probably start doing it the right way :)

Community · Accepted Answer · 2017-05-23 12:26:57Z

0

try explicitly adding the value tag to the input elemeent before the post adds it i.e.

<input id="hiddeninput" type="hidden" value="">

If that doeesn't work have a look at this thread: jquery selector can't read from hidden field

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered Jan 18, 2011 at 8:42

James Lelyveld

2941 gold badge3 silver badges11 bronze badges

Collectives™ on Stack Overflow

Retrieving hidden input value using jQuery

5 Answers 5

2 Comments

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related