如何製作下拉式選單

因為實在是對原本的版型感到很膩了，所以就做了部落格大改版，之前其實有挑過要用的版型，只是侷限於我的連結選單會無法使用，觀察過CSS樣式還是找不到問題，明明其他自定欄位都可以使用JavaScript，但就是那個JavaScript的寫法不行，所以只好找尋其他作連結選單的方法，其實之前就有找過了，只是我不太喜歡【下拉式選單】產生器的複雜語法，太過冗長了，後來就看到有比較簡單的語法，也就直接套用了，改版型真是花了我好一番功夫，光是做一大堆的微調就花去我整個睌上，幸好忍者部落格有小幫手的功能呀，靠著瞎猜、超菜的日文，還有對於CSS的模糊基礎，只留下基本架構的骨幹，其他的部份都被我改的面目全非了（爆），就介紹一下下拉式選單的簡單語法吧。

【Code】（將此部分複製到部落格的自定欄位即可，需支援JavaScript）
<select onchange="window.open(this.options[this.selectedIndex].value)">

<option value="">選單名稱</option>

<option value="">————————————</option>

<option value="連結網址">連結名稱</option>

<option value="連結網址">連結名稱</option>

<option value="連結網址">連結名稱</option>

</select>

【範例說明】
身陷謎團の推理眾————————————謎思推理報台灣推理夢工廠

選單名稱：身陷謎團の推理眾
第一個選項
連結網址：http://mysteryexpress.blog111.fc2.com/
連結名稱：謎思推理報

第二個選項
連結網址：http://blog.pixnet.net/mysteryfactory
連結名稱：台灣推理夢工廠

————————————
↑是用來控制選單欄位長度，若各選單字數不一，則下拉式選單會呈現長短不齊的狀況，此時可做一樣的虛線長度控制。

若想要增加連結選項，則在程式碼中新增一筆<option value="連結網址">連結名稱</option>即可，若要增加第二組選單，則整個Code複製起來再做內容的修改，此選單經點選會另開視窗開啟點選的網頁。

【Code】
<select onchange="window.open(this.options[this.selectedIndex].value)">
<option value="">身陷謎團の推理眾</option>
<option value="">-———————————–</option>
<option value="http://mysteryexpress.blog111.fc2.com/">謎思推理報</option>
<option value="http://blog.pixnet.net/mysteryfactory">台灣推理夢工廠</option>
</select>

若有其他問題可以留言問我，我還在研究怎麼改選單中選項的顏色跟字體大小。XD

你或許也可以看看：

所以說… mero畢業啦～ 三個瑞士捲，一朵梅花 / mero‧世代交替第十隻 所以，兩千篇了耶！ ３０００００人次預定活動 【部落格二三事】Day.07 聊著聊著，聊出一個逆轉讀書會 【部落格二三事】Day.20 從參加活動，到舉辦活動 【部落格二三事】Day.30 我永遠不會成為的那種部落客 今天也…… 部落格小樹終止服務