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

时间:2018-07-26 17:23:39

标签: javascript html button textarea submit

假设我有下一个HTML代码:

  



  

因此,我想使用JavaScript实现下一件事:  1.单击按钮时,将所选值存储在选项中  2.在文本区域内传输该值  3.经过前两个步骤后,提交信息;

预先感谢您,如果您不明白我的确切要求,我们将为您提供进一步的讨论。 额外信息:也许我应该更具体一些。我正在处理一个联系表,该表将消息发送到特定的电子邮件。我的目标是在提交之前,将选项的存储值放入文本区域,然后将其作为消息发送到该电子邮件。我希望这会有所帮助。

1 个答案:

答案 0 :(得分:0)

这样的事情应该让您入门:

<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>