HTML下拉列表更改

我有一个小的DropDownList有3个选项。问题是当我选择，比方说，第二个选项。没有probs，打开一个新页面。HTML下拉列表更改

如果我点击选项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>

来源

2015-12-30 vmars316

我试过你的代码其工作正常... 什么是确切的问题....所有选项打开新窗口 – rahul

因为你的动作是'onchange'，所以如果你多次选择相同的选项它将无法工作。 – wolfsgang

当您多次点击某个选项时，由于该选项已被选中，因此不会打开页面，也不会发生更改。因此，onchange未被解雇。

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

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

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

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

来源

2015-12-30 05:53:21

'onclick'将无法正常工作，因为只需点击下拉菜单即可触发选定的选项。您将无法选择。 – wolfsgang

@wolfsgang在Chrome浏览器上，我似乎能够正常工作：https：//jsfiddle.net/SanPilot/mqqh5u73/1/ –

您可以使用鼠标点击从下拉菜单中选择？因为它默认并尝试将点击菜单后会打开一个空白标签，因为它会响应任何鼠标点击元素。我必须每次使用键盘滚动然后单击。 – wolfsgang

这个属性只是添加到您的select标签

onfocus="this.selectedIndex=0;"

它会选择每次选择一个后更改为默认选项，你的情况 aaMost - 二手，因此你可以再选择你需要的下一个选项。

来源

2015-12-30 06:21:23 wolfsgang

HTML下拉列表更改

回答

相关问题