jQuery's val() is not working on a hidden field

Question

I have a hidden field in my page like so:

<hidden id="tsDaySchedule01" value="7.50"></hidden>

When I try to access it with the following code, the alert returns blank:

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

Now when I use attr("value") like below, it works without issue:

alert($("#tsDaySchedule01").attr("value"));

Lastly, I would like to point out we have other non -hidden text fields within the page that work without issue using val() .

I would like to have a better understanding as for what is going on here. Does anybody have an explanation?

Answer 1

<hidden/> isn't a valid HTML element. If you're wanting a hidden input you'd use:

<input type="hidden" />

jQuery's .val() method only works on input , select and textarea elements. To get this to work for you, change your <hidden/> element to:

<input type="hidden" id="tsDaySchedule01" value="7.50" />

Answer 2

.val() method only works with text-box type of element input and textarea elements.

you should use

<input type='hidden' id="tsDaySchedule01" value="7.50">

Answer 3

也许你需要使用：

<input type='hidden' id="tsDaySchedule01" value="7.50">