Question

我使用下拉菜单提供了一些不同的链接，但我希望链接在同一个标签中打开，而不是新标签。这是我发现的代码，但我对Javascript非常缺乏了解

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

Answer 1

试试这个！

<html>
<body>
<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="" selected>Select Site</option>
<option value="http://www.yahoo.com">Yahoo!!!</option>
<option value="http://www.gmail.com">Gmail</option>
<option value="http://www.google.co.in">Google</option>
<option value="http://www.facebook.com">Facebook</option>
</select>
<input type="button" name="Submit" value="Go!"     onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)">
</form>
</body>
</html>

或者也可以参考这个小提琴

http://jsfiddle.net/ChU8G/

Answer 2

因此，您可以在iframe元素中打开内容，但这是旧学校，您应该使用ajax。

var urlmenu = document.getElementById( 'menu1' );
var iframe = document.getElementById("my-page");
urlmenu.onchange = function() {
    iframe.src=this.options[ this.selectedIndex ].value ;
};

Answer 3

 var urlmenu = document.getElementById('menu1');
 urlmenu.onchange = function() {
    location.href = this.options[this.selectedIndex].value;
 };

如果您只想重定向当前标签，则不要打开新窗口。使用location.href insteat。 property-setter重定向您当前的标签。

Answer 4

旧帖子，但我花了数小时寻找解决方案，但没有任何效果。这很简单，对我有用。

*尽管这对于我网站上的所有这些链接都没有问题，但是它对堆栈溢出预览中的某些网站抛出了“拒绝连接”错误-不知道为什么。

            <form id="pageFinderForm">

            <label class="input" for="PageFinder">Find a web page</label>

            <select id="page_list" name="page_list" form="pageform">
            <option value="https://stackoverflow.com">stack overflow</option>
            <option value="https://www.bing.com">Bing</option>
            <option value="https://www.google.com">Google</option>
            </select>

            <input type="button" name="Submit" value="Go!" onClick="window.open(page_list.value,'_self')">

            </form>

在同一选项卡中打开下拉链接

4 个答案: