How to store value in HTML input through jQuery

Question

In my HTML I have:

<div>
    <input type="hidden" id="field" value="-1"/>
</div>

In my jQuery I have:

var fieldInput = $("#field");

if(someBoolIsTrue)
    fieldInput.value = 4;

After this JS executes, I go to print the value of the hidden field, and it tells me it's still -1. Am I using jQuery incorrectly here?!? Thanks in advance!

The value returned from $("#field") is not the raw DOM node; it's a jQuery wrapper. Thus the DOM API (like the "value" property) is not directly available. You can get the DOM node out of it, or you can use jQuery APIs to do what you need. — Pointy
– Pointy, Commented May 2, 2012 at 12:49
It is frustrating when people fail to google for an answer or read the relevant documentation api.jquery.com/val + api.jquery.com/jQuery.data — Blowsie
– Blowsie, Commented May 2, 2012 at 12:50
@Pointy You should post this as an answer. None of the other answerers cared to provide an explanation. — kapa
– kapa, Commented May 2, 2012 at 12:52
possible duplicate of Set the Value of a Hidden field using JQuery — Felix Kling
– Felix Kling, Commented May 2, 2012 at 12:53

Sethunath K M · Accepted Answer · 2012-05-02 12:47:58Z

8

You should set the value like fieldInput.val(4);

Another method would be fieldInput[0].value = 4;

answered May 2, 2012 at 12:47

Sethunath K M

4,7694 gold badges31 silver badges42 bronze badges

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

Comments

VisioN · Accepted Answer · 2012-05-02 12:48:22Z

2

For jQuery object you have to use val method:

var fieldInput = $("#field");
if(someBoolIsTrue)
    fieldInput.val(4);

Or without using jQuery:

document.getElementById("field").value = 4;

answered May 2, 2012 at 12:48

VisioN

146k35 gold badges287 silver badges291 bronze badges

Comments

Shyju · Accepted Answer · 2012-05-02 12:48:39Z

0

To set the value in the input with id field

$("#field").val("your value");

To get the value from it ( Ex : alert the value)

alert($("#field").val());

answered May 2, 2012 at 12:48

Shyju

220k106 gold badges420 silver badges499 bronze badges

Collectives™ on Stack Overflow

How to store value in HTML input through jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related