我需要创建一个按钮，单击该按钮时会自动填充表单的注释部分答案

【问题标题】：I need to create a button, which when clicked, auto fills the notes section of a form我需要创建一个按钮，单击该按钮时会自动填充表单的注释部分
【发布时间】：2015-09-21 12:32:02
【问题描述】：

我绝不是 javascript 方面的专家，因此非常感谢任何帮助。就像标题所暗示的那样，我想创建一个按钮，单击该按钮时，将使用以下信息自动填充表单的注释部分； “关于员工折扣。”

【问题讨论】：

stackoverflow.com/questions/17048666/…
有你写的代码吗？如果有，请编辑问题并将其粘贴到此处。
HTML- 现在提供员工折扣费率 JS-
谢谢大家 - 我让它工作了。

标签： javascript button autofill

【解决方案1】：

为您的按钮添加点击处理程序并更新 label/textarea/div/span 的值/内容。

以下解决方案是jQuery 解决方案，如果您不知道jQuery 是什么，请查看this video。

在运行以下脚本之前，将 jquery 库从 cdn 加载到您的页面中（将此脚本粘贴到 head 标签内）

<script type="type/script" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>

HTML 代码：

<input type="button" value="process" id="btn"/>
<span id="notes"></span>

JS 代码：

$(function(){
  $('#btn').on('click',function(){
     $('#notes').text('about employee discount.'); //assuming #notes is a span tag.
  });
});

【讨论】：

jQuery 在这个问题中没有被标记。如果您想提供 jQuery 解决方案，我建议您清楚地解释 jQuery 的使用并展示如何链接到 jQuery 库。由于多种原因，它可能没有被标记。
@NewToJS;没看到tags 部分，反正我已经添加了所需的信息。

【解决方案2】：

这是您的 HTML：

<input type="button" value="auto fill" onclick="autofill('about employee discount.')" />

<input type="text" id="output1" />
<p id="output2"></p>

这是你的javascript：

var output1 = document.getElementById("output1");
var output2 = document.getElementById("output2");

var autofill = function(text) {
    output1.value = text;
    output2.innerHTML = text;
}

在像 p 和 span 这样的元素中，您必须使用 innerHTML 来获取或设置值，并且在像 input 必须使用 value。

https://jsbin.com/namuci/edit?html,js,output

【讨论】：