Get value from hidden field using jQuery

Question

I have a <input type="hidden" value="" id='h_v' class='h_v'> Using jQuery I want to alert the user to this value .

I am using

var hv = $('#h_v).text();
alert('x');

But its not working, any clues!

The revisions done to this question are awful. It completely removes the reason from vision why the asker was originally having issues. And makes some of the questions point out things that aren't there anymore. — Nol, Feb 11 '17 at 01:07
I've rolled the question back to its original presentation; the revisions/edits done by other users effectively corrected the entire list of problems the question was asking about, meaning the question no longer made sense ("But it's no longer working" is false) and the accepted answer didn't make sense (it referred to parts of the question that didn't exist). To anyone who edited the question to "improve" the code; please read https://meta.stackoverflow.com/questions/260245/when-should-i-make-edits-to-code TLDR? Only edit question code to format it, never to "fix" it. Post an answer instead — Caius Jard, Oct 10 '17 at 16:55

score 268 · Accepted Answer · answered Jun 22 '10 at 08:18

268

Use val() instead of text()

var hv = $('#h_v').val();
alert(hv);

You had these problems:

Single quotes was not closed
You were using text() for an input field
You were echoing x rather than variable hv

answered Jun 22 '10 at 08:18

Sarfraz

377,238
77
533
578

I am trying to trigger this alert with an append, and the hidden field is in the append div. – X10nD Jun 22 '10 at 08:50
@Jean: I don't undertand that, please be more specific. – Sarfraz Jun 22 '10 at 08:55
Please check for the updated question http://stackoverflow.com/questions/3091670/get-value-from-hidden-field-after-append-jquery – X10nD Jun 22 '10 at 09:03

score 13 · Answer 2 · answered Nov 10 '14 at 20:27

13

If you don't want to assign identifier to the hidden field; you can use name or class with selector like:

$('input[name=hiddenfieldname]').val();

or with assigned class:

$('input.hiddenfieldclass').val();

answered Nov 10 '14 at 20:27

MERT DOĞAN

2,864
26
28

`
` how can I check the value is empty or not ?
– Moeez Apr 19 '18 at 05:02
@MrFaisal simply do this check: if ($('#imsi_sel').val().length == 0) { console.log('imsi_sel value is empty'); } – MERT DOĞAN Apr 19 '18 at 06:28

score 12 · Answer 3 · answered Jun 22 '10 at 08:18

12

This should work:

var hv = $('#h_v').val();
alert(hv);

answered Jun 22 '10 at 08:18

dzida

8,854
2
36
57

score 6 · Answer 4 · answered Apr 22 '13 at 16:23

6

html

<input type="hidden" value="hidden value" id='h_v' class='h_v'>

js

var hv = $('#h_v').attr("value");
alert(hv);

example

answered Apr 22 '13 at 16:23

How can I check the value is empty or not ? – Moeez Apr 19 '18 at 05:02

score 5 · Answer 5 · answered Dec 04 '12 at 06:33

5

var hiddenFieldID = "input[id$=" + hiddenField + "]";
var requiredVal= $(hiddenFieldID).val();

answered Dec 04 '12 at 06:33

Zeeshan Ali

343
5
6

score 4 · Answer 6 · edited May 08 '12 at 20:00

4

var x = $('#h_v').val();
alert(x);

edited May 08 '12 at 20:00

Kemal Fadillah

9,760
3
45
63

answered Jun 22 '10 at 08:19

Cris

12,124
27
92
159

score 1 · Answer 7 · answered Jun 22 '10 at 08:18

1

Closing the quotes in var hv = $('#h_v).text();would help I guess

answered Jun 22 '10 at 08:18

Coronier

645
1
6
19

1

`.text()` is not working on input-fields. rather use `.val()` – Jul 05 '10 at 10:43

Get value from hidden field using jQuery

7 Answers7

Linked

Related