Question

我正在开发一个网络应用程序。我使用表单作为下拉菜单，以便显示有关所选用户类别的信息。但是当我选择一个选项时，链接将在新窗口中打开。我希望它在同一个窗口中打开。我使用了像这样的表格的目标属性

<form id="aform" target="_self">
<select id="mymenu">
<option selected>Choose a category</option>
<option value="moblist.html" target="self">Mobiles</option>
<option value="" >Tablets</option>
<option value="">Laptops</option>
<option value="">Bikes</option>
<option value="">Car</option>
</select>
</form>

我的java脚本是

var selectmenu=document.getElementById("mymenu")
selectmenu.onchange=function(){ //run some code when "onchange" event fires
var chosenoption=this.options[this.selectedIndex] //this refers to "selectmenu"
if (chosenoption.value!="nothing"){
window.open(chosenoption.value, "", "") //open target site (based on option's value                attr) in new window
}
}

但链接仍在新窗口中打开。如何在同一窗口中打开所选页面。

Answer 1

使用

window.open(chosenoption.value, "", "")

你得到一个新窗口。您需要将网页的src值设置为chosenoption.value。

Answer 2

您可以完全删除目标属性。

<form id="aform">
...

应该足以在同一窗口中打开它。

Answer 3

Window.open打开一个新的浏览器窗口。我在这个网站上找到了这个：

How to redirect to another webpage in JavaScript/jQuery?

使用带表单的target属性打开同一页面中的链接

3 个答案: