首页 > 解决方案 > 在按钮单击时将文本附加到输入字段

问题描述

我正在尝试放置 3 或 4 个按钮,以帮助注册用户输入他们的电子邮件地址。基本上我需要的是当他们点击“@gmail.com”按钮时,他们的地址将完成。我最终得到了这样的代码:

function insertText(elemID, text) {
  var elem = document.getElementById(elemID);
  elem.innerHTML += text;
}
<form>
  <textarea id="txt1"></textarea>
  <input type="button" value="Insert some text" onclick="insertText('txt1', 'Hello');">
</form>

但是,正如您可以尝试看到的,当用户在其中输入一些文本并单击按钮时,它不起作用。我想用最少的脚本解决这个问题,最好不用 jQuery。

注意:我会将此代码片段放在一个块中,但 textarea 可能不在同一个块中。是否仍然可以使用它?

标签: javascripthtml

解决方案


一个<textarea>元素使用valuenot innerHTML

function insertText(elemID, text) {
  var elem = document.getElementById(elemID);
  elem.value += text;
}

推荐阅读