下拉式選單語法

之前一直在尋找合適的下拉式選單語法,好讓側邊欄位的長度不會過於累贅,但陸續搜集到的語法或多或少都有些BUG,幸好最近終於讓我找到了完美(喂)的語法!!!


 

下拉式選單語法之一(在原視窗開啟):

<select onchange="javascript:aa=this.options[this.selectedIndex].value;if (aa!=”)window.open(aa,’_top’,”);">
<option value="">選單標題</option>
<option value="">—————</option>
<option value="http://www.google.com.tw/">估狗台灣</option>
<option value="http://www.roodo.com/">樂多Roodo!</option>
</select>

使用範例:

下拉式選單語法之二(在新視窗開啟):

<select onchange="javascript:aa=this.options[this.selectedIndex].value;if (aa!=”)window.open(aa,’_blank’,”);">
<option value="">選單標題</option>
<option value="">—————</option>
<option value="http://www.google.com.tw/">估狗台灣</option>
<option value="http://www.roodo.com/">樂多Roodo!</option>
</select>

使用範例:

如果要修改下拉式選單的樣式,可在CSS中加入以下敘述,內容可隨個人喜好調整:

SELECT {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 13px;
PADDING-BOTTOM: 1px;
COLOR: #edd359;
line-height: 250%;
PADDING-TOP: 0px;
FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
HEIGHT: 24px;
BACKGROUND-COLOR: #3c594a;
}