[HTML]如何创建一个链接来链接下拉列表中的所有电子邮件地址？

首先，我想创建一个下拉列表，并有三个选项，这是三个不同的电子邮件地址。之后，我希望创建一个字链接名称“发送电子邮件”，并且默认链接到mailto:[email protected]。[HTML]如何创建一个链接来链接下拉列表中的所有电子邮件地址？

虽然我从下拉列表中选择另一个人，但链接也会相应更改。但是，现在当我点击链接时，什么也没有弹出。

哪个部分出问题了？非常感谢！

<select name="selectReceiver" id="emailSelector"> 
     <option value="mailto:[email protected]" selected="selected">Mr.X</option> 
     <option value="mailto:[email protected]">Mr.Y</option> 
     <option value="mailto:[email protected]">Mr.Z</option> 
</select> 
<a id="sendButton" href="mailto:[email protected]">Send Email</a>

来源

2016-09-14 WILLIAM

你能告诉我们你的代码，你如何试图更改链接的href – DestinatioN

是这样的？

function sendMail() { 
 
    var emailTo = document.getElementById('emailSelector').value; 
 
    
 
    window.location.href = "mailto:" + emailTo; 
 
}

<select name="selectReceiver" id="emailSelector"> 
 
     <option value="mailto:[email protected]" selected="selected">Mr.X</option> 
 
     <option value="mailto:[email protected]">Mr.Y</option> 
 
     <option value="mailto:[email protected]">Mr.Z</option> 
 
    </select> 
 
    <a id="sendButton" href="javascript:sendMail()">Send Email</a>

来源

2016-09-14 06:10:03

太谢谢你了。也许这是一个愚蠢的问题，但我是新来的HTML。所以当我点击链接时，会弹出一些内容吗？或者它只是没有发生？ – WILLIAM

默认的电子邮件软件将随着TO：字段中的电子邮件地址弹出。 –

<select name="selectReceiver" id="emailSelector" onchange="changeRef()"> 
    <option value="mailto:[email protected]" selected="selected">Mr.X</option> 
    <option value="mailto:[email protected]">Mr.Y</option> 
    <option value="mailto:[email protected]">Mr.Z</option> 
</select> 
<a id="sendButton" href="mailto:[email protected]">Send Email</a> 

<script> 
    function changeRef() 
    { 
     document.getElementById("sendButton").href = emailSelector.value; 
    } 

</script>

来源

2016-09-14 06:36:57

[HTML]如何创建一个链接来链接下拉列表中的所有电子邮件地址？

回答

相关问题