BMNBlog

プルダウンメニュー

プルダウンメニューでgoボタンの変わりに画像をボタンとして使う方法。

普通にボタンの場合

menu1 menu2 menu3

*押してもとばないけど

ソースはこんな感じ

<form><select name=セレクト名>
<option value-“http://www.×××.html “>menu1</option>
<option value-“http://www. “>menu2</option>
<option value-“http://www. “>menu3</option>
</select>
<input type="button" value="go" onclick="location.href=セレクト名.options[number.selectedIndex].value">
</form>

プルダウンメニューで送信ボタンの代わりに画像を使いたい場合

menu1 menu2 menu3

*×印のところにほんとは画像が入ってそこを押すと飛ぶ,
ソースはこうなる

<form><select name=セレクト名>
<option value-“http://www.×××.html “>menu1</option>
<option value-“http://www. “>menu2</option>
<option value-“http://www. “>menu3</option>
</select>
<img src=”画像名”
onclick="location.href=セレクト名.options[number.selectedIndex].value">
</form>となります。

※<input type="image"のあとにonclickはページをそのまま再読み込みしてしまうらしくどうにも使えません。