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

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

2 个答案: