ポップアップメニュー選択後サブウィンドウを開いて選択ページにジャンプ
動作ブラウザ:[NS3][NS4][IE4][IE5]



 ポップアップメニュー選択後サブウィンドウを開いて選択ページにジャンプします。選択されたらすぐにジャンプさせるにはonChangeイベントを使います。ただし、このイベントはInternet Explorer 3.0では動作しませんので注意してください。Internet Explorer 3.0などにも対応させるにはポップアップメニューの横にボタンを用意して、そのボタンが押されたらジャンプするようにします。
 ポップアップメニューで何番が選択されたかはthis.selectedIndexで知ることができます。この時に選択項目である<OPTION>のVALUEにジャンプ先のファイル名(URL)を記述しておきます。そして、このVALUEの値を読み出すにはthis[this.selectedIndex].valueとします。
 サブウィンドウを開くにはwindow.open()を使います。サブウィンドウを開いた後で制御したい場合はobjName = window.open()を使います。今回の場合は制御しませんのでwindow.open()だけで十分です。実質的以下のように記述するだけでOKです。
<SELECT onChange="window.open(this[this.selectedIndex].value)">





■ソースリスト(ポイント部分)
<FORM NAME="myFORM">
<SELECT onChange="window.open(this[this.selectedIndex].value)">
<OPTION VALUE="#">見たいページを選択してください
<OPTION VALUE="http://www.yahoo.co.jp/">Yahoo JAPAN
<OPTION VALUE="http://www.goo.ne.jp/">goo
<OPTION VALUE="http://www.infoseek.co.jp/">>Infoseek
</SELECT>
</FORM>