- ベストアンサー
二つのプルダウンメニューから違うページにジャンプしたい
- 二つのプルダウンメニューを使って異なるページにジャンプする方法について教えてください。
- 選択肢Aと選択肢Bのプルダウンメニューがあり、それぞれには複数の項目があります。どの項目を選べばいいのかわかりません。アドバイスをお願いします。
- プルダウンメニューで選択肢Aと選択肢Bを選ぶと、異なるページにジャンプしたいです。具体的な手順を教えてください。
- siosaba
- お礼率66% (20/30)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
submitボタンを用意して、ボタンが押された時点で 二つのセレクトボックスを参照し飛ぶページを決定します。 submitボタンを使わず二つのセレクトボックスのみでやる方法は思いつきませんでした。 ------------------------ サンプル -------------------------- <html> <head> <script type="text/javascript" language="JavaScript"> <!-- function jamp_html(){ var jumpList = new Array( [ '1' , 'A' , 'http://www.k2.dion.ne.jp/~namae/osietea1.html' ] , [ '1' , 'B' , 'http://www.google.co.jp/' ] , [ '2' , 'A' , 'http://www.yahoo.co.jp/' ] , [ '2' , 'B' , 'http://www.infoseek.co.jp/' ] , [ '' , '' , '' ] ) ; for( var i = 0 ; i < jumpList.length ; i++ ){ if(jumpList[i][0] == document.form1.select1.value && jumpList[i][1] == document.form1.select2.value ) { window.location.href=jumpList[i][2] ; } } } //--> </script> <title>サンプル</title> </head> <body> <form name="form1" action="javascript:jamp_html()"> <select name="select1" selected> <option value="1">選択肢１</option> <option value="2">選択肢２</option> </select> <select name="select2" selected> <option value="A">選択肢Ａ</option> <option value="B">選択肢Ｂ</option> </select> <input type=submit value=" 実行 "> </form> </body>
お礼
ありがとうございました。 希望通り出来ました！！ 質問の際、submitボタンの事を書いていませんでした。申し訳ありません。 これから少しずつ勉強していきます。 どうもありがとうございました。