Getting input hidden value with JQuery

Question

I have a javascript snippet in which I'd like to retrieve the value of a hidden input located in the first column of selected row :

var global_id = $(this).find("td:first").html();
console.log("value=" + global_id);

I get as result :

value =<input id="id" name="id" type="hidden" value="2">

When I try

 var global_id = $(this).find("td:first").val();
console.log("value=" + global_id);

I get as result :

value =

So, I need to know :

Why in the second way, the variable is empty
How can I resolve my code to retrieve the first input hidden value?

EDITED: Just noticed your middle result update. Tiny Giant has the answer anyway — Onimusha
– Onimusha, Commented Jun 17, 2015 at 23:02

score 6 · Accepted Answer · 2015-06-17 23:16:28Z

6

You need to reference the actual input element, not the containing element. This will find the input element if it is hidden using type="hidden", using css or using jQuery's hide()

var global_id = $("td:first input:hidden:first", this).val();
console.log("value=" + global_id);

Collectives™ on Stack Overflow

Getting input hidden value with JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related