Question

   <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>

我有这个代码，我想打开，点击我页面中的选中！别开另一个！谢谢！

Answer 1

使用此：

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

Answer 2

添加第二个参数_self

<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, '_self');
     };
    </script>
</body>
</html>

Answer 3

之前的代码工作正常：

var urlmenu = document.getElementById('menu1');
urlmenu.onchange = function() {
    location.href = $("#menu1 option:selected").val();
};

Answer 4

在javascript中执行此操作的一种简单方法：

<html>
    <head>
        <script type="text/javascript">
        function handleChange() {
            var arr = document.getElementById( 'menu1' ) ;
            window.location = arr.value ;
        } 
        </script>
    </head>
    <body>
        <select name="menu1" id="menu1" onchange="handleChange()">
            <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>        
    </body>
</html>

Answer 5

不使用额外的JavaScript代码。仅将HTML选择选项与onchange属性一起使用

在选择选项上使用此onchange属性

onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"

完全选择选项菜单

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
<option value="">Select an Item</option>
<option value="Member.html">Member Report</option>
<option value="Account.html">Account Statement</option>
<option value="Employee.html">Employee Report</option>
<option value="Branch.html">Branch Report</option>
<option value="Area">Area Report</option>
<option value="Designation.html">Designation Report</option>

希望它为您提供更好的解决方案！

谢谢

Answer 6

var urlmenu = document.getElementById( 'menu1' );
urlmenu.onchange = function() {
  window.location.href(document.getElementById("menu1").value);
};

如果要在当前窗口中打开链接，请将window.open更改为window.location。 window.open在新标签页中打开链接！

然而，jQuery代码运行良好！

var urlmenu = document.getElementById('menu1');
urlmenu.onchange = function() {
  window.location.href = $("#menu1 option:selected").val();
};

Answer 7

<script>
function getValue(value){ 
var href = value; 
 if (href) window.open(href,"_self");
}
</script>
<select name="menu1" id="menu1" onchange="getValue(this.value);">
  <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>

Answer 8

尝试更改此内容：

window.open( this.options[ this.selectedIndex ].value );

用这个：

window .location.href = $("#menu1 option:selected").val();

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

8 个答案: