- ベストアンサー
プルダウンメニューから他のページへ移動するには？
先程ソフトウェアのページにも投稿したのですが、この『教えて！goo』の質問するカテゴリーを選択するプルダウンメニュー形式のページがありますよね？この様にしたいのです。 プルダウンメニュー（カテゴリーは２種類）とボタンまでは作成したのですが、メニューを選択しボタンをクリックすると他のページへ移動する・選択結果（４８パターンあります）によって移動するページが異なる。この様な設定にするにはどうすればよいのでしょうか？ よろしくお願いします。 ・ホームページビルダーを使っており、HTML・JavaScriptに関しては初心者です。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
次のような感じでどうでしょう。 <html> <head> <title>二つのselectでジャンプ</title> <script type="text/javascript"> <!-- function jump(Form){ //以下、selectの組み合わせとジャンプ先のリスト。 var jumpList = new Array( ['1','A','http://www.goo.ne.jp/'], ['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] == Form.elements[0].value && jumpList[i][1] == Form.elements[1].value) window.location.href=jumpList[i][2]; } } //--> </script> </head> <body> <form onsubmit="jump(this);return false"> <select> <option value="1">選択1</option> <option value="2">選択2</option> </select> <select> <option value="A">選択A</option> <option value="B">選択B</option> </select> <input type="submit" value="決定/Jump"> </form> </body> </html>
その他の回答 (1)
- unipre
- ベストアンサー率34% (16/47)
HTMLのみでは出来ません。 javaかCGI,PHPなどを使います。 対象端末がPCのみでしたらjavaが簡単です。 <HTML> <HEAD> <TITLE> プルダウンメニューによるリンク </TITLE> <script language="javascript"> <!-- function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } //--> </script> </HEAD> <BODY> <form method=post> <select onChange="navi(this)"> <!-- valueにURLを記入 --> <option value=""> --- リンクメニュー --- <option value="http://www.yahoo.co.jp/">Yahoo! <option value="http://www.goo.ne.jp/">Goo <option value="http://www.excite.co.jp">Excite <option value="http://www.infoseek.co.jp">Infoseek <option value="../index.html">Top Page>Top page </select> </form> </BODY> </HTML> これで 試しにやってみてください。
お礼
ありがとうございます。 早速やってみます。 もし分からない事が出てきたら、また教えて下さい。
お礼
ありがとうございました。希望通りの結果が出ました。ただ内容を完全には理解できないので、自分の物に出来るかどうか・・。