Question

首先，我想创建一个下拉列表，并有三个选项，即三个不同的电子邮件地址。之后，我想创建一个单词链接名称＆＃34; 发送电子邮件＆＃34;除此之外，默认情况下链接到mailto:xx@gmail.com。

当我从下拉列表中选择其他人时，链接将相应更改。但是，现在当我点击链接时，没有任何内容弹出。

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

<select name="selectReceiver" id="emailSelector">
        <option value="mailto:xx@gmail.com" selected="selected">Mr.X</option>
        <option value="mailto:yy@gmail.com">Mr.Y</option>
        <option value="mailto:zz@gmail.com">Mr.Z</option>
</select>
<a id="sendButton" href="mailto:cwu@cs.hku.hk">Send Email</a>

Answer 1

喜欢这个吗？

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

<select name="selectReceiver" id="emailSelector">
        <option value="mailto:xx@gmail.com" selected="selected">Mr.X</option>
        <option value="mailto:yy@gmail.com">Mr.Y</option>
        <option value="mailto:zz@gmail.com">Mr.Z</option>
    </select>
    <a id="sendButton" href="javascript:sendMail()">Send Email</a>

Answer 2

<select name="selectReceiver" id="emailSelector" onchange="changeRef()">
    <option value="mailto:xx@gmail.com" selected="selected">Mr.X</option>
    <option value="mailto:yy@gmail.com">Mr.Y</option>
    <option value="mailto:zz@gmail.com">Mr.Z</option>
</select>
<a id="sendButton" href="mailto:cwu@cs.hku.hk">Send Email</a>

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

</script>

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

2 个答案: