根据选择，使用javascript将“ mailto：”链接更改为“ mailto：variable”

Question

我正在尝试制作表格。 它的工作方式是用户从下拉列表中选择一个选项。 然后，他们单击确认位置按钮。 最后，他们单击发送电子邮件链接。 基本上，当他们单击“确认位置”按钮时，它会根据他们在下拉列表中的选择来更改“发送电子邮件”链接中的mailto链接。 但是，我无法确定的是如何将mailto链接更改为mailto我的变量t，该变量保存电子邮件地址的值（基于选择）。（请参见代码的最后3行）请帮忙！

<form>Select your place:
    <select id="mySelect">
        <option value="email@domain.com">Location 1</option>
        <option value="email2@domain.com">Location 2</option>
        <option value="email3@domain.com">Location 3</option>
        <option value="email4@domain.com">Location 4</option>
    </select>
</form>
<button type="button" onclick="displayResult()">Confirm Location</button>
<a id="myEmailList" href="mailto:">Send email</a>
<script type="text/javascript">
function displayResult() {
    var x = document.getElementById("mySelect");
    t = x.value
    document.getElementById("myEmailList").href = "mailto:"t;
}
</script>

Answer 1

嗯，连接值？

document.getElementById("myEmailList").href = "mailto:"+t;

Answer 2

选择元素本身没有值。 您需要获取所选选项的值。 尝试这个：

t = x.options[x.selectedIndex].value;

设置href时，您还会缺少+。 应该：

href = "mailto:" + t