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

Question

我绝不是javascript专家，所以任何帮助都会非常感激。正如标题所示，我想创建一个按钮，当点击它时，将自动填充表单的注释部分与以下信息;"关于员工折扣。"

Answer 1

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

下面的解决方案是jQuery解决方案，如果你不知道什么是jQuery，那么看看这个视频。

在运行以下脚本之前，从cdn加载jquery库到您的页面(将此脚本粘贴到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.
  });
});

Answer 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 use元素中必须使用value。

https://jsbin.com/namuci/edit?html、js、输出