• ベストアンサー

プルダウンメニューから他のページへ移動するには？

先程ソフトウェアのページにも投稿したのですが、この『教えて！goo』の質問するカテゴリーを選択するプルダウンメニュー形式のページがありますよね？この様にしたいのです。 プルダウンメニュー（カテゴリーは２種類）とボタンまでは作成したのですが、メニューを選択しボタンをクリックすると他のページへ移動する・選択結果（４８パターンあります）によって移動するページが異なる。この様な設定にするにはどうすればよいのでしょうか？ よろしくお願いします。 ・ホームページビルダーを使っており、HTML・JavaScriptに関しては初心者です。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.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>

siosaba
質問者

お礼

ありがとうございました。希望通りの結果が出ました。ただ内容を完全には理解できないので、自分の物に出来るかどうか・・。

その他の回答 (1)

  • unipre
  • ベストアンサー率34% (16/47)
回答No.1

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> これで　試しにやってみてください。

siosaba
質問者

お礼

ありがとうございます。 早速やってみます。 もし分からない事が出てきたら、また教えて下さい。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選

    別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選択したいです！ メニューページのAというメニューから予約フォームへリンクしたときにフォームのプルダウンを自動で Aメニューを選択した状態で表示したいのですが、どうしたら出来るのかわかりません。 Javascriptかphpでサンプルや参考になるページがありましたら教えてください。

  • プルダウンメニューとリファラー

    　こんにちは、よろしくお願い致します。 　私のホームページでは、リファラーを調べて訪問者を制御(指定したページ以外からは訪問できません)しています。 　今度、メニューのページをプルダウンメニューからリンクに変えようと思って作り直してみました。 　ですが、普通にリンクを張って移動していた時はちゃんと移動できたのですが、プルダウンメニュー(javascriptで、新しい窓を開いて移動)でリンクを張ったら、飛び先のリファラー制御(指定したページ以外からは訪問できません)に引っかかって、移動できません。 　プルダウンメニューのおいてあるページは、元のメニューページと同じURLです。リファラー制御も、絶対URLで指定しています。 　プルダウンメニュー(javascriptと新窓)では、りファラー制御は使えないのでしょうか？　ちなみに、リファラー制御は、javascriptで作っています。 　ほんの趣味の(家の猫)のページですが、意地悪な人が多いので、どうか宜しくお願い致します。

  • プルダウンメニューが隠れてしまいます

    indexページにFlashで制作したswf形式のムービーを配置しました。 ところが ヘッダに配置してたメニューからJavaScriptでプルダウン表示されるメニューと ムービーが重なる部分がレイヤーのような状態となり プルダウンメニューがムービーの背面へ隠れてしまい メニューの機能が失われてしまいました ・swfはhtmlに直接配置して表示 ・プルダウンのメニューは外部に置いたjsファイルを読み込んで表示 ・メニューも外部JavaScriptからの読み込み 以上の仕様なのですが問題点はswfの配置方法でしょうか？ それともJavaScriptのレイヤーに問題があるのでしょうか？ アドバイスをお願い致します

  • 検索窓とプルダウンメニュー機能の作り方で困っています。どなたか教えてい

    検索窓とプルダウンメニュー機能の作り方で困っています。どなたか教えていただけますか？ 【やりたいこと】 ■検索窓とその横にプルダウンメニュー（4つのカテゴリ名から選択可能）、そして検索ボタンがあります。 1.検索窓に任意のキーワード（仮：「あいうえお」）を入力　※1 2.次にプルダウンメニューの中からカテゴリを1つ選択（仮：「ＡＢＣＤ」）※2 3.検索ボタンを押すと、検索窓内に表示されるキーワード(※1)の後ろに、 　スペース ＋ ※2が表示されるようにしたい。（結果ページの検索窓） 【例】 1.検索窓に「あいうえお」 2.プルダウンメニューより「ＡＢＣＤ」を選択 3.検索ボタンを押す⇒（結果ページの）検索窓内に「あいうえお　ＡＢＣＤ」と表示させたい。 どうぞよろしくお願いいたします。

  • プルダウンメニューで読み込む外部Jsファイル選択

    HTMLに外部JSファイルを読み込ませたものが5ページあります。 現在、HTMLを10個作ってそれぞれ別のJSファイルを読み込ませているのですが、HTMLは読み込むJSファイルが違うだけで、他はまったく同じものです。 これを一つのHTMLに１つにして、読み込むJSファイルをプルダウンで変えられたらと思っているのですが、こういった事は可能でしょうか？可能でしたら方法をご伝授ください＞＜ 【現在】 HTML1－menu1を読み込ませている HTML2－menu2を読み込ませている HTML3－menu3を読み込ませている HTML4－menu4を読み込ませている 【こうしたい】 HTML－プルダウンでメニュー1を選択するとmenu1.jsが読み込まれる 　　　　 －プルダウンでメニュー2を選択するとmenu2.jsが読み込まれる 　　　　 －プルダウンでメニュー3を選択するとmenu3.jsが読み込まれる 　　　　 －プルダウンでメニュー4を選択するとmenu4.jsが読み込まれる

  • selectボックスのプルダウンメニューを上方向へ表示する方法

    すみません、どなたか教えて下さい。 selectボックスのプルダウンメニューを上方向へ表示することは可能でしょうか？ ハンディーターミナル用に開発しているのですが、ページ下の方にあるプルダウンを選択すると１度ページ移動？するため、プルダウンのメニューが表示されず、２度選択しないといけません。 JavaScriptで対応可能でしょうか？それとも何か別の対策があれば教えて下さい、よろしくお願いします。

  • プルダウン

    HTML上でプルダウンメニューを作りたいんですが、cgi無しで、普通に固定のページのそれぞれリンクをさせることって出来ないんでしょうか? 見た目だけ、プルダウン、でもメニュー選択して「GO」ボタンを押すと、普通に固定のページにジャンプ、みたいな感じです。 うまく言えないですが、可能かどうか、その方法と問題点などを教えてください。

  • HP制作　プルダウンメニューを使ったページ

    プルダウンメニュー1 赤 青 プルダウンメニュー2 黄 白 このようにプルダウンメニュー1と2から1つずつ色を選択して[結果]ボタンを押すと混ぜた結果どのような色になるかテキストボックスに表示される。 こんなようなページを作りたいのですが、色々と検索しても見つからず、最近HPを作り始めたばかりの初心者なので自分でコード(？)を組むこともできません。 ご教授お願いしますm(_ _)m

    • ベストアンサー
    • HTML
  • プルダウンメニュー

    今、サイトを作っているんですが、 プルダウンメニューへリンクをつけてます。 下層ページへリンクした後にブラウザの「戻る」ボタンを押すと前回の選んだ状態でリンク出来なくなります。 これをjavascriptなどで制御は出来ますか？ 意味不明な質問ですいません。

  • 【HP作成】プルダウンメニューを使ったページ作成について

    プルダウンメニュー1 赤 青 プルダウンメニュー2 黄 白 このようにプルダウンメニュー1と2から1つずつ色を選択して[結果]ボタンを押すと混ぜた結果どのような色になるかページ内に表示される。 こんなようなページを作りたいのですが、色々と検索しても見つからず、最近HPを作り始めたばかりの初心者なので自分でコード(？)を組むこともできません。 ご教授お願いしますm(_ _)m

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する