select

一開始預設顯示的都是第一個選項，若是要讓其他選項為預設的顯示文字，則可以加入 selected="true"。 <select>

<option>文字敘述1</option>

<option selected="true">文字敘述2</option>

<option >文字敘述3</option>

</select>

選單連結要在新視窗開啟或是原視窗開啟。在新視窗開啟選單：<select onchange="window.open(this.options[this.selectedIndex].value)">

<option value="網址連結">網址文字敘述</option>

<option value="http://yahoo.com">yahoo網頁</option>

<option value="http://www.google.com">google網頁</option>

</select>

原視窗選單：<select onchange="location.href=this.options[this.selectedIndex].value">

<option value="網址連結">網址文字敘述</option>

<option value="http://yahoo.com">yahoo網頁</option>

<option value="http://www.google.com">google網頁</option>

</select>

在選單中做分類，用標籤的方式分類，則只要加入<optgroup label=""><select onchange="window.open(this.options[this.selectedIndex].value)">

<optgroup selected="true" label="常用網頁">

<option value="http://tw.yahoo.com">yahoo網頁</option>

<option value="http://www.google.com">google網頁</option>

<optgroup label="影音網頁">

<option value="http://www.youtube.com/">Youtbue</option>

<optgroup label="部落格網頁">

<option value="http://www.pixnet.net/">pixnet</option>

<option value="http://www.wretch.cc">無名</option>

</select>