ポップアップメニューで選択されたページにジャンプ
動作ブラウザ:[NS2][NS3][NS4][IE4][IE5]
ポップアップメニューで選択されたページにジャンプします。選択されたらすぐにジャンプさせるにはonChangeイベントを使います。ただし、このイベントはInternet Explorer 3.0では動作しませんので注意してください。Internet Explorer 3.0などにも対応させるにはポップアップメニューの横にボタンを用意して、そのボタンが押されたらジャンプするようにします。
ポップアップメニューで何番が選択されたかはthis.selectedIndexで知ることができます。この時に選択項目である<OPTION>のVALUEにジャンプ先のファイル名(URL)を記述しておきます。そして、このVALUEの値を読み出すにはthis[this.selectedIndex].valueとします。あとはページジャンプするlocation.hrefに入れてあげれば指定ページにジャンプしてくれます。実質的に<SELECT onChange="location.href=this[this.selectedIndex].value">と記述するだけでOKです。
■ソースリスト(ポイント部分)
<FORM NAME="myFORM">
<SELECT onChange="location.href=this[this.selectedIndex].value">
<OPTION VALUE="#">見たいページを選択してください
<OPTION VALUE="jump.htm">JUMPページへ
<OPTION VALUE="../">1つ上のディレクトリへ
</SELECT>
</FORM>