javascript - 複数行のリストボックスを使用して JS を使用してメッセージを作成する

Question

これについてあなたの助けが必要です...リストボックス、テキストエリア、ボタンがあります。リストボックスは複数行で、ボタンをクリックすると選択した行がテキストエリアに表示されます。ロジックは単純ですが、問題があります。問題は、リストボックスが1つしかないということです。同じ情報を持つ別のまたはより多くの同様のリストボックスを追加できる別のボタンがあります(リストボックスにデータを入力します)。ですから、将来手紙として使用されるテキストエリアに友達の名前を追加するには、非常に多くのリストボックスが必要だとしましょう。それで、友達の名前だけを含むデフォルトのテキストでメッセージを作成するようなプログラムをやっています。とにかくここにコードがあります：

    function textSelect(){
var listItems = document.getElementById("listbox")
for (var n=0;n<listItems.length;n++) {
for (var i=0;i<listItems[n].length;i++) {
document.getElementById("textArea").value += 'This is  ' + listItems.text;}
} 
}

ここで n - はリストボックスで、i - は行です...しかし、結果として得られるのは、ボタンをクリックした後の空白のテキストエリアだけです。ここで何が問題なのですか？私を助けてください！！