单击按钮将文本追加到输入字段

时间:2020-04-13 20:15:55

标签: javascript html

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

10.229.120.3|-|[12/Apr/2020:23:58:40 -0500]|/keepalive.html||200|10|1143|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.4|-|[12/Apr/2020:23:58:53 -0500]|/keepalive.html||200|10|2367|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.3|-|[12/Apr/2020:23:58:55 -0500]|/keepalive.html||200|10|1194|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.4|-|[12/Apr/2020:23:59:08 -0500]|/keepalive.html||200|10|2212|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.3|-|[12/Apr/2020:23:59:10 -0500]|/keepalive.html||200|10|1780|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.4|-|[12/Apr/2020:23:59:23 -0500]|/keepalive.html||200|10|1268|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.3|-|[12/Apr/2020:23:59:25 -0500]|/keepalive.html||200|10|1160|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.4|-|[12/Apr/2020:23:59:38 -0500]|/keepalive.html||200|10|1206|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.3|-|[12/Apr/2020:23:59:40 -0500]|/keepalive.html||200|10|1138|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.4|-|[12/Apr/2020:23:59:53 -0500]|/keepalive.html||200|10|1304|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
10.229.120.3|-|[12/Apr/2020:23:59:55 -0500]|/keepalive.html||200|10|2476|HTTP/1.1|GET|TLSv1.2|AES256-GCM-SHA384
function insertText(elemID, text) {
  var elem = document.getElementById(elemID);
  elem.innerHTML += text;
}

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

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

2 个答案:

答案 0 :(得分:1)

<textarea>元素使用value而不是innerHTML

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

答案 1 :(得分:0)

在您的代码中将elem.text更改为elem.value

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