• ベストアンサー

ホームページのセレクトメニューについて

お世話になります。 HPでプルダウンメニューのセレクト画面を、 選択した瞬間に、ページが変わるようにしてみたいと 思っているのですが、どのようにすればよろしいのでしょうか。 普通にセレクト画面を選択して、フォームの送信 ボタン等をクリックすれば、ページの変化は出来るの ですけれども、この様な方法もやってみたいと思っています。 よろしくお願いいたします。

  • PHP
  • 回答数3
  • ありがとう数5

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

  • ベストアンサー
  • php504
  • ベストアンサー率42% (926/2160)
回答No.3

Javascriptの簡単なサンプルです <?php echo $_POST['hoge']; ?> <form action="" method="post"> <select name="hoge" onChange="this.form.submit();"> <option value="" selected>選択 <option value="1">1 <option value="2">2 <option value="3">3 </select> </form>

hudsio
質問者

お礼

ありがとうございました。 解りやすいサンプルを見せていただき、 大変に参考になりました。

その他の回答 (2)

  • gama001
  • ベストアンサー率50% (3/6)
回答No.2

これはPHPではなくjavaScript等のクライアントサイドの仕組みで実現させます。(ほとんどがjavaScriptです) javaScriptの場合だと SELECTオブジェクト(SELECTタグの事と思ってください)のイベントハンドラとしてonChangeというのが在りますのでそれを利用します。 このような仕組みは結構いろいろなページにありますので そいういうページのソースを見てみるのも一つかと思います。

hudsio
質問者

お礼

ありがとうございました。 javaScriptで行うものなのですね。

  • Fukutarou
  • ベストアンサー率30% (193/641)
回答No.1

こんにちは^^ 私の場合は、javaを使用して作成してます。 hudsioさんのおっしゃっているのは http://www.dynamicdrive.com/dynamicindex1/combodescribe.htm 上記の様なMenu and Navigationですよね。 で、プルダウンしたそのものをクリックでナビゲートするには http://www.dynamicdrive.com/dynamicindex1/jimmenu/index.htm のバーのitemを1つにして、ダウンして出てくるMenuをクリックするようにしたいと言うことではないでしょうか。 ページに書き込む方法以外に、外に定義するので良ければ、案外簡単に行くと思います。 海外サイトで英語が苦手であれば、申し訳有りませんが、お試しになってはいかがでしょうか。 jimmenu57.zipをダウンロードして、解凍しexample.htmとconfig.jsとbrowser.jsを使えばできます。

参考URL:
http://www.dynamicdrive.com/
hudsio
質問者

お礼

ありがとうございました。 いろいろなツールがあるのですね。

関連するQ&A

  • セレクトメニューについて

    HTMLでフォームを作っています。 セレクトメニュー(クリックするとメニューが出てきて一つ選ぶやつ)がいくらかあります。 前のセレクトメニューの選ばれたものによって、次のセレクトメニューの選択肢を変更するにはどうすればよいのでしょうか? cgiの実行も可能です。 御願いします。

    • ベストアンサー
    • HTML
  • IE6だけ、<select>がプルダウンメニューより上にくる

    お世話になります。困っています。知恵を貸して下さい。 ウェブページのレイアウトで、ページの最上部に横長の メニューを配置して、そのメニューをプルダウンにしました。 そして、メニューの下に、セレクト<select><option>中略</select>を 配置したところ、肝心なIE6だけ、セレクトがプルダウンメニューの 上になります。floatで、z-indexの数値を入れたりもしたのですが、 どうやっても、上にくるのです。 これは、IE6のバグでしょうか? 何か、回避する方法はないでしょうか? 教えて下さい。 よろしく、お願いします。

    • ベストアンサー
    • HTML
  • セレクトメニューセレクトメニューへのジャンプ

    こんにちは。 セレクトメニューの選択項目に応じて、もう1つのセレクトメニューの内容を変更する方法は大体理解したのですが、 さらにもう一つ、+もう一つ・・・とセレクトメニューの項目をリンクさせて変更することは可能でしょうか? 例えば、 セレクトメニュー(1) 選択   ↓ ジャンプ セレクトメニュー(2) 選択   ↓ ジャンプ セレクトメニュー(3) 選択   ↓ ジャンプ セレクトメニュー(4) 選択   ↓ 検索用CGI実行 クリック というように選ばれた各項目ごとに次のセレクトメニューにジャンプして項目の変更を行いたいです。 参考サンプル等、 どなたか情報をお持ちの方がおりましたら、 よろしくお願いいたします。

  • セレクトメニューが表示されません。

    検索してみましたが、該当する回答が発見できなかったので、お願いします。 (もし、過去の質問と重複していたらすみません) フォームにセレクトメニューを設置してみたところ、 セレクトメニューが表示される部分に同ページ内の<div>で背景に設定してあるバナーが表示されてしまいます。 マウスオンでバナーの背景画像は消え、セレクトメニューが表示されるのですがリロードすると、またセレクトメニューの上にバナーの背景画像が表示されてしまいます。 ちなみに同じフォームに設置してあるラジオボタンは正常に表示されました。 お忙しいところお手数をおかけして申し訳ありませんが、ご回答のほどよろしくお願いします。

    • ベストアンサー
    • HTML
  • html セレクトメニューを固定したいのですが。

    トップページの上部にセレクトメニューがあります。 セレクトメニューの1つを選択すると、それに伴ったページに移動させることはできたのですが、 違うページにいくとそのセレクトメニューはなくなってしまいます。 (設定してないのであたりまえですが。) どこのページに飛んでもその上部にあるセレクトメニューは常に表示するように固定にしたいんですけど、できますか? 飛んだ先のページにも同じセレクトメニューを入れればいいと思ったんですけど、枚数が多いため一括で設定できないのかなって悩んでます。 わかる方みえましたら教えてください。

  • ■「ラジオボタン」と「メニュー」のグループ化

    フォームを作成中なのですが、 下記画像のようにラジオボタンとセレクトメニュー(プルダウンメニュー?)を選択できるようにしたいのですが、コードを教えて頂けませんでしょうか? <m(__)m>どうか宜しくお願い致します。 ※ラジオボタンで選択できるのは一つです。 http://img2.blogs.yahoo.co.jp/ybi/1/dc/71/destrhythmer/folder/113039/img_113039_37008247_0?1311814552

    • ベストアンサー
    • HTML
  • ボタンで選択されていないセレクトメニューの非反映

    現在JavaScriptを使った、HP上での簡単な見積もりページを製作しています。 チェックボックスやラジオボタン、セレクトメニューで選ばれた項目を足して、最終的にテキストボックスに合計金額を出したいと思っています。 内容は全く違いますが、画像のような感じで項目などを作りたいと思っております。 その時に、ラジオボタンでチェックされていないセレクトメニューは選択(計算に反映)されないようにしたいのです。 (「プラスチック丸型編み込み」等が選択されている時は、「蓋付きのボックス」や「蓋付きバスケット」のセレクトメニューは選択されないようにしたいのです。) 自分の作ったものでは、「色を選択」の時点では0に設定してあるのですが、「蓋付きのボックス」のセレクトメニューが他のものを選択していた場合、それが反映されてしまうのです。 計算させるだけならできるのですが、選択されないようにする方法がわからなくて困っております。 拙い文章で申し訳ないのですが、どなたか教えてくださらないでしょうか?

  • phpのプルダウンメニューで選んだものを表示

    PHPのプルダウンメニューで選んだものについて、「送信」ボタンをクリックして移動したページに何を選んだのかを表示するプログラムを書きたいのですが、わかりません。 参考になるWEBページなどがありましたら教えてください。 例として、プルダウンメニューで ・好きな食べ物…「りんご」 ・好きな色…「青」 を選び、「送信」ボタンを押してページを移動し、次のページで 好きな食べ物「りんご」 好きな色「青」 と表示させたいです。

    • ベストアンサー
    • PHP
  • プルダウンメニューの見た目を変えたい!!!!!!!!……です。

    はじめましてJackMINIと申します。 HP上で『プルダウンメニュー(オプションメニュー)を使いたい』と思うのですが、普通はメニューボタンの見た目がユーザー側の機種やブラウザに依存されてしまいますよね。 ですが、自分の作っているサイトのデザインにあまりに合わないので、その"メニューボタンの見た目"を変えたいのですが、出来る方法はありますでしょうか? (プルダウンの使用目的は、コンテンツのINDEXページからその下層にある各ページに飛べるようにするためです。) 実際には、例えばオリジナルのセレクトボタン画像を作ってsrcでリンクさせたり、形はデフォルトのままでも下地やテキストの色を指定したり…といった形でサイトのデザインに合わせられると良いのですが…。 ちなみに、Mac OS9.x のiCabでも正常に動作するように作っているので、 フォームの<SELECT>タグ<OPTION>タグを使ったオプションメニューを使うつもりです。(…条件が厳しくてスミマセン) もし無理なようでしたら、プルダウンと同じような機能で見た目をカスタマイズできる方法を教えていただけるとヒジョーに助かります。 ただ、FLASHは持っていないので使えません。m(__)m (…お金がないので) HTMLとJavaScript(もしくはCSS)で可能でしたら、多少面倒だったり難解だったりしても構いませんので、何卒御教授お願い致します。

  • IEでプルダウンメニューをデザイン

    フォームのページを作成しており、  <select>  <option> ~ </option>  </select> でプルダウンメニューを作成したのですが、 あまりにもデザインが質素すぎるので 右の矢印ボタンなどを変更したり 高さを高くしたりしたいと考えています。 背景に色をつけるのはできるのですが、 高さを変えたりのCSSがききません。 IE6~9でなるべく見れる状態でプルダウンのメニューを デザインする方法はないでしょうか? 初歩的質問で申し訳ないのですが、ご存知の方いらっしゃいましたら 教えていただけないでしょうか。よろしくお願いします。

    • ベストアンサー
    • CSS

専門家に質問してみよう