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

Question

我在试着做个表格。它的工作方式是用户从下拉列表中选择一个选项。然后单击“确认位置”按钮。最后，他们点击发送电子邮件链接。基本上，当他们单击“确认位置”按钮时，它会根据他们在下拉列表中的选择更改发送电子邮件链接中的mailto链接。但是，我无法理解的是如何将mailto my变量t，该变量保存电子邮件地址的值(基于所选内容)。(见第三行代码)请帮助！

<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

Select元素本身没有值；您需要获得所选选项的值。试试这个：

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

在设置href时，您也缺少一个+。应：

href = "mailto:" + t