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);
};