使用JavaScript提交之前转移到的值

问题描述 投票:0回答:1

假设我有下一个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.在前两个步骤之后,提交信息;

在此先感谢,如果您不明白我到底要求什么,我将可以进一步讨论。额外信息:也许我应该更具体一点。我正在处理一个联系表单,它将消息发送到特定的电子邮件。我的目标是,在提交之前,将选项的存储值放入textarea,然后将其作为消息发送到该电子邮件。我希望这有帮助。

javascript html button textarea submit
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.