Javascript set label text

Question

I m trying to implement a generic function for a form with several fields in the following format    lt label id  LblTextCount  gt  lt  label gt   lt textarea name  text  onKeyPress  checkLength this  512  LblTextCount   gt   lt  textarea gt    And the following JavaScript   function checkLength object  maxlength  label        charsleft    maxlength - object value length           never allow to exceed the specified limit     if  charsleft  lt  0             object value   object value substring 0  maxlength-1                 I m trying to set the value of charsleft into the label label innerText   charsleft      document getElementById  LblTextCount   InnerHTML   charsleft      The first part works fine  but I m not able to set the charsleftvalue into the label  What am I doing wrong  Please note that I m looking for a dynamic approach instead of hard coding the label name into the JS function  JQuery would be fine too      Solution - thanks to all   HTML   lt label id  LblTextCount  gt  lt  label gt   lt textarea name  text  gt   lt  textarea gt    JS    document  ready function            textarea name text    keypress function e            checkLength   this  512     LblTextCount            focus function             checkLength   this  512     LblTextCount                  function checkLength obj  maxlength  label        var charsleft    maxlength - obj val   length           never allow to exceed the specified limit     if  charsleft  lt  0             obj val obj val   substring 0  maxlength-1                  set the value of charsleft into the label       label  html charsleft

User · Answer

For a dynamic approach  if your labels are always in front of your text areas     object  prev  label   text charsleft

User · Answer

you are doing several things wrong  The explanation follows the corrected code    lt label id  LblTextCount  gt  lt  label gt   lt textarea name  text  onKeyPress  checkLength this  512   LblTextCount    gt   lt  textarea gt    Note the quotes around the id   function checkLength object  maxlength  label        charsleft    maxlength - object value length           never allow to exceed the specified limit     if  charsleft  lt  0             object value   object value substring 0  maxlength-1                 set the value of charsleft into the label     document getElementById label  innerHTML   charsleft      First  on your key press event you need to send the label id as a string for it to read correctly  Second  InnerHTML has a lowercase i  Lastly  because you sent the function the string id you can get the element by that id   Let me know how that works out for you  EDIT Not that by not declaring charsleft as a var  you are implicitly creating a global variable  a better way would be to do the following when declaring it in the function   var charsleft

User · Answer

InnerHTML should be innerHTML   document getElementById  LblAboutMeCount   innerHTML   charsleft    You should bind your checkLength function to your textarea with jQuery rather than calling it inline and rather intrusively     document  ready function            textarea name text    keypress function e            checkLength   this  512     LblTextCount            focus function             checkLength   this  512     LblTextCount                   You can neaten up checkLength by using more jQuery  and I wouldn t use  object  as a formal parameter   function checkLength obj  maxlength  label        charsleft    maxlength - obj val   length          never allow to exceed the specified limit     if  charsleft  lt  0             obj val obj val   substring 0  maxlength-1                 I m trying to set the value of charsleft into the label     label text charsleft           LblAboutMeCount   html charsleft       So if you apply the above  you can change your markup to    lt textarea name  text  gt  lt  textarea gt

[javascript] Javascript: set label text

Examples related to javascript