在使用 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.将该值转移到文本区域内 3.完成前两步后，提交信息；

在此先感谢您，如果您不明白我到底要问什么，可以与我进行进一步讨论。额外信息：也许我应该更具体一点。我正在处理联系表格，将消息发送到特定的电子邮件。我的目标是，就在提交之前，将选项的存储值放入文本区域，然后将其作为消息发送到该电子邮件。希望对您有所帮助。

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>

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

Transfer value of <select> into <textarea> before submitting with JavaScript

html

javascript

textarea

submit

button