javascript - 如何使 onchange 下拉选项-url 在我的页面中打开

标签 javascript jquery html

   <html>
<head>
</head>
<body>
<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>
<script type="text/javascript">
 var urlmenu = document.getElementById( 'menu1' );
 urlmenu.onchange = function() {
      window.open( this.options[ this.selectedIndex ].value );
 };
</script>
</body>
</html>

我有这个代码,我想通过点击我页面中的选择来打开!不开别的!谢谢!

最佳答案

使用这个:

urlmenu.onchange = function() {
  window.open( this.options[ this.selectedIndex ].value, '_self');
};

window.open(URL、名称、规范、替换): 其中名称:

_blank - URL is loaded into a new window. This is default
_parent - URL is loaded into the parent frame
_self - URL replaces the current page
_top - URL replaces any framesets that may be loaded
name - The name of the window (Note: the name does not specify the title of the new window)

DEMO Link

关于javascript - 如何使 onchange 下拉选项-url 在我的页面中打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20741512/

相关文章:

javascript - 使用 javascript 更改 css 样式 "-"

javascript - jQuery 插件事件监听器未触发或绑定(bind)

jquery - 在 ASP.NET MVC 2 中实现以下条目表单的想法

javascript - jQuery 使用 css() 改变 DIV 背景

javascript - RxJS 的开关函数

javascript - 如何删除 Angular 字符串中两个单词之间的一个以上空格?

javascript - 在检查子复选框时检查父复选框

jquery - 查找具有类但类名不同或未知的 html 元素

javascript - 从另一个 JavaScript 文件导入变量

html - 使用 flex-direction : column results in huge gap in between the two flex children?