HTML 下拉列表 onchange答案

【问题标题】：HTML Drop down list onchangeHTML 下拉列表 onchange
【发布时间】：2016-04-04 01:48:02
【问题描述】：

我有一个带有 3 个选项的小型 DropDownList 。问题是当我选择第二个选项时。没有问题，打开了一个新页面。

如果我单击选项 1 或 3 ，则没有问题。但是，如果我再次单击第二个选项，而不是单击 1 或 2，则不会打开新页面。

有没有办法纠正这个问题，所以点击任何东西总是会打开一个新窗口。

谢谢...弗恩

抱歉，我无法让“代码”或“HTML”工作。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>myFavs-HtmlProbs.html</title>
<meta name="Generator" content="PureBasic">
<meta name="Description" content="Your description here...">
<meta name="Description" content="...Created by  myFavs % PureBasic...">
<style type="text/css">
</style> 
</head>
<body text="#000000" style="background-color:#A69E80; text-align:center;">
<br> <br> <br>
<!--dd <div style=-->
<table width="100%" border="0" style="text-align:center" cellspacing="0" cellpadding="0">
<tr style="text-align:center">
<!-- EXAMPLE: <MenuName="aaMost-Used"> -->   <!-- rgb(250,240,255) -->
<select style="width:200px; font:14px Arial Black; color:rgb(0,0,0); background-color:rgb(231,169,126);" name="menu" onchange="window.open(this.value)">
<option selected="0" value="">aaMost-Used</option>
<option value="http://alternativeto.net/">AlternativeToSoftwares</option>
<option value="https://www.biblegateway.com/reading-plans/chronological/today?version=NLT">One Year Chronological Bible NLT</option>
<option value="http://www.portablefreeware.com/">portablefreeware.com/</option>
</select></td></tr></table><br></body></html>

【问题讨论】：

我试过你的代码，它工作正常......确切的问题是什么......所有选项都会打开新窗口
因为您的操作是onchange，所以如果您多次选择相同的选项，它将不起作用。

标签： menu onchange window.open dropdown

【解决方案1】：

只需将此属性添加到您的select 标记

onfocus="this.selectedIndex=0;"

在您每次选择一个后，它都会将选项更改为默认选项，在您的情况下 aaMost-Used，因此您可以再次选择所需的下一个选项。

【讨论】：

【解决方案2】：

当您多次单击某个选项时，它不会打开页面，因为该选项已被选中，并且不会发生任何更改。因此，onchange 不会被解雇。

您实际上可以打开一个链接两次，方法是打开该链接，打开另一个（先取消选择），然后再次单击第一个链接。

但这是解决办法。 将onchange="window.open(this.value)" 更改为onclick="window.open(this.value)"（onchange 更改为onclick）。

这样，每当点击一个选项时，链接就会打开，而不是在它改变时打开。

JSFiddle：https://jsfiddle.net/SanPilot/mqqh5u73/1/

【讨论】：

onclick 不起作用，因为它只会在单击下拉菜单时触发所选选项。您将无法选择。
@wolfsgang 它在 Chrome 上对我来说似乎工作正常：jsfiddle.net/SanPilot/mqqh5u73/1
您可以使用鼠标单击从下拉列表中进行选择吗？因为默认情况下并尝试通过单击来降低菜单只会打开一个空选项卡，因为它会响应任何鼠标单击元素。我每次都必须使用键盘滚动然后单击。
@wolfsgang 您使用的是哪个浏览器？我怀疑浏览器之间的区别。