Javascript 根据下拉选择加载新页面

我有以下HTML代码，其中有一些链接：

<select name="menu1" id="menu1">
  <option value="http://www.espn.com">ESPN</option>
  <option value="http://www.cnn.com">CNN</option>
  <option value="http://www.abcnews.com">ABC</option>
  <option value="http://www.cbsnews.com">CBS</option>
  <option value="http://www.foxnews.com">FOX</option>
</select>

我希望链接在同一页上打开，但它们当前在新窗口中打开。如何让它们在同一页上打开？

open（）

始终打开一个新窗口（或一个新选项卡，具体取决于您的浏览器）

相反，设置当前窗口的

位置

：

urlmenu.onchange = function() {
  window.location.href = this.options.value;
};

（请注意，您不再需要通过

选项[selectedIndex]

查找值，

元素本身的

值就可以了）


var urlmenu=document.getElementById（'menu1'）；
urlmenu.onchange=函数（）{
document.location.href=this.value；
};

选择：
ESPN
有线电视新闻网
基础知识
哥伦比亚广播公司
狐狸
您可以使用
window.location=”http://www.example.com“
转到另一个链接（）


var urlmenu=document.getElementById（'menu1'）；
urlmenu.onchange=函数（）{
window.location=this.options[this.selectedIndex].value；
};

演示：

ESPN
有线电视新闻网
基础知识
哥伦比亚广播公司
狐狸
var urlmenu=document.getElementById（'menu1'）；
urlmenu.onchange=函数（）{
window.location=this.options[this.selectedIndex].value；
};
根据w3:
窗口。打开（）
-打开一个新窗口；
window.location.assign（）
方法加载新文档

因此，请使用
window.location.assign（）
 ESPN中的
[1]
是什么？我对你的帖子做了一些修改，试图让问题陈述更清楚。提供信息帮助人们回答问题是很好的，但要确保这些信息与问题相关且必要。你说在同一页上打开，是指当前选项卡还是当前窗口中的新选项卡？您到底想要什么还不完全清楚，但上面的链接可能会有所帮助。@CodeiSir，它似乎是在发布时意外格式化的。他们建立了与ESPN的链接，可能误解了链接选项。
urlmenu.onchange = function() {
  window.location.href = this.options.value;
};

<script type="text/javascript">
var urlmenu = document.getElementById('menu1');
urlmenu.onchange = function () {
    window.location = this.options[this.selectedIndex].value;
};
</script>