document getElementById value doesn t set the value

Question

Browser is chromium  under ubuntu   This is a chunk of code   of course  The alert messages shows the right value  but the points  element doesn t get the right value  it actually gets empty  Can anybody tell me why    Here s how points element is defined    lt input type  number  id  points  value  0   gt     and here is how javascript code is supposed to populate it   alert request responseText    document getElementById  points   value request responseText

User · Answer

Refer below Code Snip  In HTML Page   lt input id  test  type  number  value  0   gt    In Java Script   document getElementById  test   value request responseText    in case of String  document getElementById  test   value new Number responseText     in case of Number

User · Answer

Try using        points   val request responseText

User · Answer

According to my tests with Chrome   If you set a number input to a Number  then it works fine   If you set a number input to a String that contains nothing but a number  then it works fine   If you set a number input to a String that contains a number and some whitespace  then it blanks the input   You probably have a space or a new line after the data in the server response that you actually care about   Use document getElementById  points   value   parseInt request responseText  10   instead

User · Answer

The problem is clearly not with the javascript  Here s a quick snippet to show you the working of the code   document getElementById  points   value   100    http   jsfiddle net eqTm2 1   As you can see  the javascript perfectly assigns the new value to the input element  It would be helpful if you could elaborate more on the issue

User · Answer

Your response is almost certainly a string   You need to make sure it gets converted to a number   document getElementById  points   value  new Number request responseText     You might take a closer look at your responseText   It sound like you are getting a string that contains quotes   If you are getting JSON data via AJAX  you might have more consistent results running it through JSON parse     document getElementById  points   value  new Number JSON parse request responseText

User · Answer

The only case I could imagine is  that you run this on a webkit browser like Chrome or Safari and your return value in responseText  contains a string value   In that constelation  the value cannot be displayed  it would get blank   Example  http   jsfiddle net BmhNL 2     My point here is  that I expect a wrong double encoded string value  Webkit browsers are more strict on the type   number  If there is  only  a white-space issue  you can try to implicitly call the Number   constructor  like  document getElementById  points   value    request responseText

[javascript] document.getElementById().value doesn't set the value

Examples related to javascript

Examples related to html