セレクトメニュー

基本サンプル
<FORM><SELECT name="selectmenu" onchange="location=this.options[this.selectedIndex].value">
<OPTION value="#" selected>menu</OPTION>
<OPTION value="文字ページのURL">文字</OPTION>
<OPTION value="画像ページのURL">画像</OPTION>
<OPTION value="テーブルページのURL">テーブル</OPTION>
</SELECT></FORM>
まずは、見本で仕組みを見てね。サンプルは実際にジャンプできるようURLを入れています。


セレクトメニューの文字と背景に色を付ける
<SELECT name="selectmenu" onchange="location=this.options[this.selectedIndex].value" style="color : #ca6500;background-color : #ffc1c1">
<OPTION value="#" selected>menu</OPTION>
<OPTION value="1のURL">1</OPTION>
<OPTION value="2のURL">2</OPTION>
<OPTION value="3のURL">3</OPTION>
</SELECT>


GOボタンを付ける
<FORM><SELECT name="selectmenu">
<OPTION selected>menu</OPTION>
<OPTION value="1のURL">1</OPTION>
<OPTION value="2のURL">2</OPTION>
<OPTION value="3のURL">3</OPTION>
</SELECT><INPUT type="button" value="GO" onclick="location.href=document.select.menu.options[document.select.menu.selectedIndex].value"></FORM>


装飾する
<FORM><SELECT name="selectmenu" style="color : #ca6500;background-color : #ffc1c1">
<OPTION selected>menu</OPTION>
<OPTION value="1のURL">1</OPTION>
<OPTION value="2のURL">2</OPTION>
<OPTION value="3のURL">3</OPTION>
</SELECT><INPUT type="button" value="GO" onclick="location.href=document.select.menu.options[document.select.menu.selectedIndex].value" style="color : #cc6600;background-color : white;border-width : thin;border-style : solid;border-color : #ff8080;"></FORM>