How do I reference the value of an input in jQuery?

Question

I'm currently using the following method to return a value from a div:

<div data-post-id="1">
   <a>Add To Favourites</a>
<div>

$(this).parent().data('post-id');

What I would like to do is something like this:

<div>
   <input type="hidden" name="postId" value="1" />
   <a>Add To Favourites</a>
<div>

Keep in mind:

There will be several posts on each page. Each div containing a post will have it's own input.
The value of the postId will not be accessible from my JS file. So the its reference has to be retrieved via JavaScript somehow.

I want to get away from using parent() and use a single reference for each post's id, regardless whether the action is to favourite, send to a friend, etc...

Not sure why you postID wouldn't be accessible from your JS file, but I think your original method is the better one. — ShaneBlake
– ShaneBlake, Commented May 25, 2011 at 16:09

John · Accepted Answer · 2011-05-25 16:01:42Z

2

to get the val of postId use

alert($("input#postId").val());

answered May 25, 2011 at 16:01

John

1,3192 gold badges12 silver badges24 bronze badges

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

4 Comments

Mohamad Over a year ago

the postId is not accessible from my JS file :/

John Over a year ago

if you are putting multiple inputs on your page, you must be aware that ID has to be unique, so i recommend setting class variable, so class='input1' id='postId', class='input2' id='postId', or you could do class='input' id='1', class='input' id='2'

Mohamad Over a year ago

Can't I directly reference the input without using a class or an Id?

John Over a year ago

$("input").someFunction() will refference all inputs, if you have a input with a class name and a id name you reference it like this: $("input.className#idName");

patorjk · Accepted Answer · 2011-05-25 16:07:16Z

2

You could use an attribute selector to get the hidden inputs. Just add a "isPostId" field to your hidden input and then grab them with the jQuery object:

$('div input[isPostId="true"]')

<input type="hidden" isPostId="true" value="1"/>

answered May 25, 2011 at 16:07

patorjk

2,1821 gold badge21 silver badges30 bronze badges

Collectives™ on Stack Overflow

How do I reference the value of an input in jQuery?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related