如何将 Javascript 中的变量输出到 HTML 中的文本区域？答案

【问题标题】：How to output a variable in Javascript to a textarea in HTML?如何将 Javascript 中的变量输出到 HTML 中的文本区域？
【发布时间】：2015-06-19 22:40:16
【问题描述】：

我在 javascript 中有一个名为“签名”的变量

var signature;

//(Data is here)

document.write(signature)

在 HTML 中，我有以下内容：

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

我想要的是当我单击生成按钮时，变量签名出现在文本区域中。有人可以帮忙吗？

【问题讨论】：

以下代码 html: div id="siggen">

有什么问题请说清楚

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

用上面评论中的sn-p替换document.write(signature)（来自Marimuthu）

任何一个答案都可以解决您的问题。一个使用 jquery，另一个不使用。

标签： javascript jquery html css ajax

【解决方案1】：

我认为你需要这样：

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>

【讨论】：

当我单击按钮生成时，我希望变量签名出现在文本区域中，我该怎么做？

【解决方案2】：

你可以使用 JQuery ：

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

见val-vs-text-for-textarea

【讨论】：

当我单击按钮生成时，我希望变量签名出现在文本区域中，我该怎么做？
$("#btnId").click(function() { $("#content").val(signature) })

【解决方案3】：

你的问题不太清楚，但我假设你想做这样的事情。

首先在您的 html 中添加一个 textarea 和一个具有这些属性的按钮。仅当您想要禁用文本区域时才使用禁用。

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

现在在您的 javascript 文件中，编写 buttonFunction() 以在文本区域中显示签名变量中的值。

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

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

这就是结果。单击按钮时将显示文本。

【讨论】：