Question

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

如果我点击选项1或3，没有probs。但是，如果我再次单击第二个选项，而不是单击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>

Answer 1

只需将此属性添加到您的select代码

即可

onfocus="this.selectedIndex=0;"

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

Answer 2

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

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

但是这是修复。 将onchange="window.open(this.value)"更改为onclick="window.open(this.value)"（onchange改为onclick）。

这样，只要点击一个选项，就会打开链接，而不是在它发生变化时打开。

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

HTML下拉列表onchange

2 个答案: