javascript - jQuery's val() is not working on a hidden field - Stack Overflow

admin管理员组

文章数量:1322838

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?

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?

• javascript
• jquery
• html

Share Improve this question Follow edited Oct 29, 2013 at 18:30 James Donnelly 129k3535 gold badges214214 silver badges223223 bronze badges asked Oct 7, 2013 at 13:48 Code JunkieCode Junkie 7,7882727 gold badges8686 silver badges147147 bronze badges 2

• Where did you found this hidden tag ? oO – Brewal Commented Oct 7, 2013 at 13:52
• @Brewal the framework is a tag based language that typically converts the elements to their proper format, the problem had to do with me removing the namespace for the framework and forgetting to change the field. Thanks Everyone. – Code Junkie Commented Oct 7, 2013 at 14:03

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

<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" />

.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">

Maybe you need to use :

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

本文标签： javascriptjQuery39s val() is not working on a hidden fieldStack Overflow