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