转让价值<;选择>;进入<;textarea>;在使用JavaScript提交之前

转让价值<;选择>;进入<;textarea>;在使用JavaScript提交之前,javascript,html,button,textarea,submit,Javascript,Html,Button,Textarea,Submit,假设我有下一个HTML代码: 沃尔沃汽车 萨博 法令 奥迪 发送类似的内容应该可以让您开始: <script> function transferSelect() { document.getElementById('message').value += document.getElementById('cars').value; } </script> <textarea class="message" type="texta

假设我有下一个HTML代码:


沃尔沃汽车
萨博
法令
奥迪

发送类似的内容应该可以让您开始:

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

函数transferSelect(){
document.getElementById('message').value+=document.getElementById('cars').value;
}
沃尔沃汽车
萨博
法令
奥迪
发送!

您知道在提交表单后会有一个新页面吗?我知道。我不想谈太多细节。我正在制作一个联系人表单,它会以邮件的形式提交到电子邮件中,所以我不担心之后页面会重新加载。谢谢您的回复。然后您必须在服务器端代码中添加新的占位符,以便它在新页面上可见。我的错,现在我已经编辑了我的帖子。占位符不相关,我打错了。我们的目标是将选项的值放在textarea中,该选项将作为消息发送到电子邮件。将onsubmit事件附加到表单,并在处理程序函数中设置textarea的值。非常感谢!然后我应该放一个事件监听器,调用这个函数?这样,由于文本区域的+=值不会改变,只会将汽车的值添加到文本区域中?再次感谢。onclick事件已经添加到我提供的示例中的按钮中,因此您不需要添加单独的侦听器。是的,按照我的方式,select的值被附加到末尾;你可以调整你认为合适的方式来达到你想要的最终结果非常感谢你。可能省了我几个小时的麻烦。我是JavaScript新手,刚刚完成DOM基础知识。所以我有一个这样做的想法,但不确定什么是正确的方法。无论如何,再次谢谢你!很高兴我能帮忙。如果我回答了你的问题,你可以好吧,我不知道。好了,就这么做了:)