How to output a variable in Javascript to a textarea in HTML?

Question

I have got a variable in javascript called 'signature'

var signature;

//(Data is here)

document.write(signature)

In HTML, I have the following:

<div id="siggen">
<textarea id="content" cols="80" rows="10"></textarea>

What i want is when i click generate button the variable signature appers in text area. Can anyone help?

replace the `document.write(signature)` with the snippet in the comment here above ( from Marimuthu) — KarelG, Apr 14 '15 at 10:49
Either of the answers solves your problem. One uses jquery, the other doesn't. — evolutionxbox, Apr 14 '15 at 11:03
its when i click button generate i want the variable signature to appear in text area, how do i do this? — Charlie Phipps, Apr 14 '15 at 14:29

ketan · Answer 1 · 2015-04-15T03:43:16.967

2

I think you need like:

var signature = "Hello";
function addVal(){


    document.getElementById('content').value = signature
}

<div id="siggen">
<textarea id="content" cols="80" rows="10"></textarea>
 <button id="btnClick" onclick="addVal()">Click</button>

edited Apr 15 '15 at 03:43

answered Apr 14 '15 at 10:53

ketan

its when i click button generate i want the variable signature to appear in text area, how do i do this? – Charlie Phipps Apr 14 '15 at 14:28

score 0 · Answer 2 · edited May 23 '17 at 11:57

0

You can use JQuery :

$("#content").val(signature)

edited May 23 '17 at 11:57

Community

answered Apr 14 '15 at 10:56

FredMi

its when i click button generate i want the variable signature to appear in text area, how do i do this? – Charlie Phipps Apr 14 '15 at 14:29
$("#btnId").click(function() { $("#content").val(signature) }) – FredMi Apr 14 '15 at 15:18

score 0 · Answer 3 · answered Feb 23 '19 at 10:45

Your question is not quite clear but I assume you want to do something like this.

First in your html add a textarea and a button with these properties. Use disabled only if you want to make the text area disabled.

<textarea disabled id="displaytext"></textarea>
<button  onclick="buttonFunction()">Click !</button>

Now in your javascript file, write the buttonFunction() to display the value in signature variable in the text area.

var signature = "This is the content to display";

function buttonFunction() {
  document.getElementById("displaytext").innerHTML = signature;
}

This is the result. The text will be displayed when you click the button.

3 Answers3