jQuery set input values does not show up

Question

Inside the browser I see a value in the #worktime input element. e.g. 7,6 This value gets set before by jQuery $("#worktime").val("7,6");

But when I look with firebug into this line of code I see no value:

<input id="worktime" value="" readonly="">

But under the DOM section in firebug I see for this element a value of "7,6".

If I want to print the #worktime value with alert no value shows up.

Can you reproduce this with a JS Fiddle? Is it in all browsers, or just Firefox? — David Thomas
– David Thomas, Commented Nov 5, 2013 at 19:44
Can you demonstrate this with complete code or a live example? How are you inspecting this in Firebug? The value, if set after the page loads, won't be in the page source but will be in the DOM. — David
– David, Commented Nov 5, 2013 at 19:44
It is set as the property value of the DOM element, it won't be reflected in the attribute value in the html. — PSL
– PSL, Commented Nov 5, 2013 at 19:45
and how can i check if the value of the DOM element changes? — Mike
– Mike, Commented Nov 5, 2013 at 19:48

user400654 · Accepted Answer · 2013-11-05 19:46:05Z

2

This is because there is a very large difference between the value property and the value attribute. The value attribute contains the default value of the input, while the value property contains the current value. The default value can also be found in the defaultValue property. changing the value does not change the value attribute or the defaultValue property.

answered Nov 5, 2013 at 19:46

user400654

95.1k16 gold badges168 silver badges188 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery set input values does not show up

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