Blog如何放下拉式選單?

我的側欄有個連結區，將一些Links摺起來。如下:

看新聞 找資料 體育來源 達拉斯晨報 Star-Telegram SFGate Inside Bay Area

當初看了幾篇教學，try and error後，最終選擇這語法。接著列出供需要的你/妳參考



<form>
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option selected>選單主題</option>
<optgroup label="分類1">
<option value="網址a">a的名稱</option>
<option value="網址b">b的名稱</option>
</optgroup>
<optgroup label="分類2">
<option value="網址c">c的名稱</option>
<option value="網址d">d的名稱</option>
</optgroup>
</select>
</form>

若要增加分類的話
1.在</select>前自行增加 <optgroup label="某分類">與</optgroup>標籤組
2.再將<option value="某網址">某名稱</option>塞在新增的</optgroup>前
3.若需增加更多分類，請重複1~2.的步驟

e.g. 本文範例的code為:
<form>
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option selected>看新聞 找資料 體育來源</option>
<optgroup label="Mavs 達拉斯小牛"><option value=
"http://www.dallasnews.com/sharedcontent/dws/spt/basketball/mavs/vitindex.html">
達拉斯晨報</option>
<optionvalue="http://www.star-telegram.com/mavericks/nba/">Star-Telegram</option>
</optgroup>
<optgroup label="A's 奧克蘭運動家">
<option value="http://www.sfgate.com/sports/athletics/">SFGate</option>
<option value="http://www.insidebayarea.com/athletics">Inside Bay Area</option>
</optgroup>
</select>
</form>



若不想要有分類的話，請見以下語法<form>
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option selected>選單主題</option>
<option value="網址a">a的名稱</option>
<option value="網址b">b的名稱</option>
<option value="網址c">c的名稱</option>
<option value="網址d">d的名稱</option>
</select>
</form>