<form id="selectform">
<select id="selectA"
style='cursor: pointer;width:100px; background-color:#C0C0C0;  color:#000;font-size:20px;border: 3px outset #d5d5d5;'>

<option />友 好
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://ck.ug5g.com/" />智障肥強
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://html.ug5g.com" />Blogger 技巧
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://stocks.ug5g.com/" />即時香港股票
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://mp4.ug5g.com/" />詩 歌
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://rcc.ug5g.com/" />埔恩堂
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="http://eva.ug5g.com/" />齊賢社
<optgroup style='font-size:5px;' label=""></optgroup>

<option value="https://draft.blogger.com/home" />管理員
</select>
</form>

<script type="text/javascript">
 var urlmenu = document.getElementById( 'selectA' );
 urlmenu.onchange = function() {
 window.open( this.options[ this.selectedIndex ].value );
document.getElementById("selectform").reset();
/* ----------每次選擇後回第1項  ---------- */
 };
</script>

| select | option | 下拉式選單 |

arrow
arrow
    全站熱搜

    c8cc168 發表在 痞客邦 留言(0) 人氣()