在使用 JavaScript 提交之前将 <select> 的值传输到 <textarea>

Question

假设我有下一个 HTML 代码：

<textarea class="message" type="textarea" name="message" id="message" placeholder="Send us your message"> </textarea>

<select name="cars">
  <option class="car">Volvo</option>
  <option class="car">Saab</option>
  <option class="car">Fiat</option>
  <option class="car">Audi</option>
</select>

<button type="submit" class="button">Send!</button>

所以，使用 JavaScript，我想实现下一个目标： 1.单击按钮时，将选定的值存储在选项内 2. 在 textarea 中传输该值 3. 完成前两步后，提交信息；

在此先感谢您，如果您不明白我的确切要求，我将提供进一步的讨论。 额外信息：也许我应该更具体一点。我正在制作一个联系表格，该表格将消息发送到特定的电子邮件。我的目标是，在提交之前，将 option 的存储值放入 textarea 中，然后将其作为消息发送到该电子邮件。我希望这会有所帮助。

Answer 1

这样的事情应该让你开始：

<script>
    function transferSelect() {
        document.getElementById('message').value += document.getElementById('cars').value;
    }
</script>

<textarea class="message" type="textarea" name="message" id="message" placeholder="Send us your message"> </textarea>

<select id="cars" name="cars">
  <option class="car">Volvo</option>
  <option class="car">Saab</option>
  <option class="car">Fiat</option>
  <option class="car">Audi</option>
</select>

<button type="submit" onclick="transferSelect();" class="button">Send!</button>