Javascript 我需要创建一个按钮，当单击该按钮时，它会自动填充表单的notes部分

我绝对不是javascript方面的专家，因此非常感谢您的帮助。正如标题所示，我想创建一个按钮，当单击该按钮时，将用以下信息自动填充表单的notes部分；“关于员工折扣。”

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

下面的解决方案是一个

jQuery

解决方案，如果您不知道什么是

jQuery

，请检查

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

head

标记中）

HTML代码：

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

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

这是您的HTML：

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

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

在某些元素（如p和span）中，必须使用innerHTML来获取或设置值，而在某些元素（如input）中，必须使用value

---

您是否编写了任何代码？如果有，请编辑问题并将其粘贴到此处。HTML-JS-$（'#btn'）。在（'click'，function（）{$（'#txtNotes'）。text（'About employee折扣查询'）；}）；谢谢大家-我成功了。jQuery在这个问题上没有标记。如果您想提供jQuery解决方案，我建议您清楚地解释jQuery的用法，并演示如何链接到jQuery库。由于许多原因，它可能没有被标记。@NewToJS；没有看到

标签

部分，反正我已经添加了所需的信息。

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

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