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下拉列表更改

回答

相關問題