javascript - 将下拉列表中的值与用户输入连接起来

Question

我的代码有一个问题，这个问题可能很明显，但我似乎找不到答案。

我有一个下拉菜单，其中包含预填充的选项值。每当用户单击任何值时，它们都会使用 JavaScript 显示在文本区域中。这是我的问题:-

如果用户从下拉列表中选择“Hello World”，它将显示在文本区域中。如果用户在文本区域之后键入字符串或数字或任何内容，然后选择选项“你今天过得怎么样”，它不会连接到文本区域，因为用户对文本区域进行了更改。每次选择不同的选项时，如何让它连接选项值。这是我的代码:-

HTML

<select name = 'type_of_call' id = 'type_of_call' onchange = 'run()'>
<textarea name = "comments" value = "comments" id = "comments" Required /></textarea>

JavaScript

function run(){
document.getElementById("comments").innerHTML += document.getElementById("type_of_call").value + ', ';
}

Answer 1

你想设置textarea的value属性，而不是 innerHTML 属性:

function run(){
  document.getElementById("comments").value += ...;
}