ボタンが押されたら選択されたページにジャンプ
動作ブラウザ:[NS2][NS3][NS4][IE3][IE4][IE5]
ボタンが押されたら選択されたページにジャンプします。この場合ボタンにonClickイベントを取得しジャンプするようにします。
thisでは現在の<INPUT>オブジェクトを示しますが、this.formと指定することにより現在のフォーム自体を示す事ができます。SELECTオブジェクトに名前を付けておくとthis.form.名前としてアクセスできるようになります。名前を付けない場合はthis.form.elements[0]のようにelementsオブジェクトを使って指定します。
■ソースリスト(ポイント部分)
<FORM NAME="myFORM">
<SELECT NAME="mySEL">
<OPTION VALUE="#">見たいページを選択してください
<OPTION VALUE="jump.htm">JUMPページへ
<OPTION VALUE="../">1つ上のディレクトリへ
</SELECT>
<INPUT TYPE="button" VALUE="JUMP" onClick="location.href=this.form.mySEL.selectedIndex">
</FORM>