从下拉列表中连接值以及用户输入

时间:2017-10-13 14:37:15

标签: javascript html

我的代码存在问题,这可能很明显,但我似乎无法找到答案。

我有一个下拉菜单,其中包含预填充的选项值。每当用户点击任何值时,它们都会使用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 + ', ';
}

1 个答案:

答案 0 :(得分:0)

您想要设置textarea&#39; value属性,而不是innerHTML属性:

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