ドロップダウンリストの値をユーザー入力と共に連結します

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 += ...; 
}