using javascript how to clear text area?

**talia** · 23-08-2013

I have recently started learning Javascript and I was having some questions on this particular programming language. Can anyone tell me how do I clear the value on the text area by clicking on it? I know what to use that is - onclick="function_name" but I dont know how to put everything together, like what all things should be inside the value and all? Can anyone please explain? Thanks.

**Zecho** · 24-08-2013

Check the below onclick even handler to the textarea opening tag if you want to do it that way:

Code:

<textarea onclick="this.value=''; ">

Also, if you want to clear the textarea then you can click on a seperate button like the below html code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script  type="text/javascript">
function cleatTextAtea() {
document.getElementById("txtArea").value='';
}
</script>

</head>
<body>
<textarea id="txtArea" cols="40" rows="5">Enter text here....</textarea>
<button onclick="cleatTextAtea();">Clear Textarea</button>
</body>
</html>

**Author** · 26-08-2013

If you want a javascript that when a image is clicked on it then it should be clearing a textarea, then check the below code:

Code:

<textarea id = "txt1" rows = "4" cols = "16">Content of textarea</textarea>
<br><br>

<img src = "one.gif" alt ="" title = "" onclick = "eraseText()">

<script type = "text/javascript">
function eraseText() {
document.getElementById("txt1").value = "";
}
</script>

**Vandam** · 27-08-2013

By using javascript you can erase or delete any text in the textarea, just check the below example where a textarea element is created that contains some text

Code:

<html>
<head>
<title>javascript focus input</title>
<script type="text/javascript">

function clearTextArea() {
document.textform.textarea.value='';
}

</script>
</head>
<body>
<form name="textform">
<textarea name="textarea">
This text will be removed if you click on 'Clear TextArea' button.</textarea>
</form>

<input type="button" id="name" onClick="clearTextArea();" value="Clear TextArea" /><br>

</body>
</html>

**Rajeshdash998** · 03-02-2014

if(document.textform.textarea.value == 'GARBAGE_VALUES'){

document.textform.textarea.value =";

}

plain and simple. just check if it has garbage values then clear it.