Javascript 访问按钮上的选定链接

Javascript 访问按钮上的选定链接,javascript,html,Javascript,Html,如何在新窗口中访问外部按钮下拉列表中的选定链接 <select id="atheist"> <option value="http://google.com"></option> <option value="http://yahoo.com"></option </select> var select = document.getElementById("select"); select.addEventLis

如何在新窗口中访问外部按钮下拉列表中的选定链接

<select id="atheist">
    <option value="http://google.com"></option>
    <option value="http://yahoo.com"></option
</select>

var select = document.getElementById("select");
select.addEventListener("change",function() { 
    var win = window.open(this.value, "_blank");
    win.focus();
},false);

所以,我试图通过点击按钮从下拉列表中访问/转到所选链接。你能帮忙吗?

我想在这里你想选择网站,并想在点击downlad按钮后打开该网站

HTML

HTML

JS


这与以下内容类似:

这不会打开新选项卡/window@RUJordan,现在可以了吗?谢谢你的回答。请告诉我如何访问“下载”按钮上的选定链接,而不是在“选择列表”中单击时。@user3477508,您想在单击“下载”按钮后访问具有选定特定站点的页面吗?@SumanBogati,因为您未能回答问题。这仍然运行更改事件,而不是按钮触发的事件。感谢您的回答。请告诉我如何在下载按钮上访问所选链接,而不是在选择列表中单击。您不应该提倡内联javascript。“这是一种坏习惯,”鲁乔丹同意,只是想尽快帮忙。我的错误,更改了我的答案,我希望它更符合您的标准。@user3477508已添加更改供下载button@abc123我不会+1,因为对于这个重复的问题,我不喜欢OP对你来说没有什么私人的东西-但是现在没关系了。注意.onclick vs addEventListener意味着现在只能附加1个事件。但它是有效的
<select id="select">
    <option value="http://google.com">google</option>
    <option value="http://yahoo.com">yahoo</option>
</select>
<button id="myButton">Download</button>
var button = document.getElementById("myButton");
button.addEventListener("click", function() { 
    var select = document.getElementById('select');
    var win = window.open(select.options[select.selectedIndex].value, "_blank");
    win.focus();

},false);
<select id="atheist">
    <option value="http://google.com">Google</option>
    <option value="http://yahoo.com">Yahoo</option>
</select>

<input id="downloadbtn" type="button" value="download" />
function openLink(){
    var e = document.getElementById("atheist").value;
    console.log(e);
    var win = window.open(e, "_blank");
    win.focus();
}

window.onload=function(){
    var downloadbtn = document.getElementById("downloadbtn");
    downloadbtn.onclick=openLink;
};
function openLink(){
    var e = document.getElementById("atheist").value;
    var win = window.open(e, "_blank");
    win.focus();
}

window.onload=function(){
    var downloadbtn = document.getElementById("downloadbtn");
    downloadbtn.addEventListener("click", openLink, false);
};