val vs text for textarea

Question

I am using jQuery  and wondering if I should use val   or text    or another method  to read and update the content of a textarea   I have tried both and I ve had issues with both  When I use text   to update textarea  line breaks   n  don t work  When I use val   to retrieve the textarea content  the text gets truncated if it s too long

User · Answer

val   always works with textarea elements    text   works sometimes and fails other times  It s not reliable  tested in Chrome 33   What s best is that  val   works seamlessly with other form elements too  like input  whereas  text   fails

User · Answer

The best way to set get the value of a textarea is the  val     value method    text   internally uses the  textContent  or  innerText for IE  method to get the contents of a  lt textarea gt   The following test cases illustrate how text   and  val   relate to each other   var t     lt textarea gt    console log   t  text  test   val                    Prints test console log   t  val  too   text  test   val         Prints too console log   t  val  too   text                     Prints nothing console log   t  text  test   val  too   val         Prints too  console log   t  text  test   val  too   text        Prints test   The value property  used by  val   always shows the current visible value  whereas text   s return value can be wrong

[jquery] val() vs. text() for textarea

Examples related to jquery

Examples related to forms

Examples related to textarea