最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

programmeradmin5浏览0评论

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?

Share Improve this question edited Oct 29, 2013 at 18:30 James Donnelly 129k35 gold badges214 silver badges223 bronze badges asked Oct 7, 2013 at 13:48 Code JunkieCode Junkie 7,78827 gold badges86 silver badges147 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

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">
发布评论

评论列表(0)

  1. 暂无评论