2008年11月26日 星期三

Blog如何放下拉式選單?

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



當初看了幾篇教學,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>




1 則留言: