Javascript 将单词添加到从选择列表中选择的文本区域

我有一个选择和一个按钮

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<button>Add Selected To Textarea</button>

<textarea rows="5" readonly></textarea>

基本上，每次我选择一个选项并单击按钮时，我都需要将所选内容添加到新行的文本区域

我该怎么做？

const textarea=document.getElementByIdtext-area-id； 函数updateTextArea{ const cars=document.getElementByIdcars； textarea.value+=cars.value+\n } 沃尔沃汽车 萨博 梅赛德斯 奥迪 将所选内容添加到文本区域 函数addToTextarea{ var currentText=$'textarea'.text； ifcurrentText.trim.length==0$'textarea'.text$'cars'.val； else$'textarea.textcurrentText+'\n'+$'cars.val； } 沃尔沃汽车 萨博 梅赛德斯 奥迪 将所选内容添加到文本区域 函数附加字{ const剑=document.getElementByIdcars.value； const oTextarea=document.getElementByIdoutput； 设sTextareaValue=oTextarea.value； ifsTextareaValue.length>0{ sTextareaValue=sTextareaValue+\n； } oTextarea.value=sTextareaValue+剑； } 沃尔沃汽车 萨博 梅赛德斯 奥迪 将所选内容添加到文本区域

---

作为纯jQuery ie，没有jQuery和普通javascript的混合：

$“按钮”。单击时，=>{ $'textarea'.val 索引，值=>value+$'cars:selected'。文本+\r\n ; }; 沃尔沃汽车 萨博 梅赛德斯 奥迪 将所选内容添加到文本区域

---

差不多了，但我只能在文本区域中添加1个…我需要能够在每行中添加多个，或者从数组中读取到文本区域中…这两种方法都适用于Meth此代码完全符合您的问题。我只能在文本区域中添加1个，再次单击按钮/每行添加多个/从数组读取-您的问题中没有提到任何这些要求。您是否忘记指定[mind reading cap required]标签？

<button id="btn" onclick="var e = document.getElementById('cars');
        var car = e.options[e.selectedIndex].value;
    document.getElementById('txtResult').innerText += car + '\n';">Add Selected To Textarea</button>

<textarea id="txtResult" rows="5" readonly></textarea>