How to change the Content of a textarea with JavaScript

Question

How would I change the content of a  lt textarea gt  element with JavaScript  I want to make it empty

User · Answer

Although many correct answers have already been given, the classical (read non-DOM) approach would be like this:

document.forms['yourform']['yourtextarea'].value = 'yourvalue';

where in the HTML your textarea is nested somewhere in a form like this:

<form name="yourform">
    <textarea name="yourtextarea" rows="10" cols="60"></textarea>
</form>

And as it happens, that would work with Netscape Navigator 4 and Internet Explorer 3 too. And, not unimportant, Internet Explorer on mobile devices.

User · Answer

Like this   document getElementById  myTextarea   value         or like this in jQuery       myTextarea   val        Where you have   lt textarea id  myTextarea  name  something  gt This text gets removed lt  textarea gt    For all the downvoters and non-believers    Here s the MSDN reference     value Property  Retrieves or sets the text in the entry field of the textArea element   Here s the MDN reference     value   DOMString   The raw value contained in the control

User · Answer

Put the textarea to a form  naming them  and just use the DOM objects easily  like this   lt body onload  quot form1 box value    Welcome   quot  gt     lt form name  quot form1 quot  gt       lt textarea name  quot box quot  gt  lt  textarea gt     lt  form gt   lt  body gt

User · Answer

If you can use jQuery  and I highly recommend you do  you would simply do      myTextArea   val        Otherwise  it is browser dependent  Assuming you have  var myTextArea   document getElementById  myTextArea      In most browsers you do  myTextArea innerHTML         But in Firefox  you do  myTextArea innerText         Figuring out what browser the user is using is left as an exercise for the reader  Unless you use jQuery  of course     Edit  I take that back  Looks like support for  innerHTML on textarea s has improved  I tested in Chrome  Firefox and Internet Explorer  all of them cleared the textarea correctly   Edit 2  And I just checked  if you use  val     in jQuery  it just sets the  value property for textarea s  So  value should be fine

User · Answer

If it s jQuery       quot  myText quot   val       or document getElementById  myText   value        Reference  Text Area Object

[javascript] How to change the Content of a <textarea> with JavaScript

Examples related to javascript