• ベストアンサー

プルダウンメニューで複数選択

省スペースのため、プルダウンメニューを使いたいのですが、基本的に一つしか選択できませんよね?メニュー内にラジオボタンをつけるなどして複数選択に対応させる方法はありませんでしょうか?

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

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

  • ベストアンサー
  • leap_day
  • ベストアンサー率60% (338/561)
回答No.2

Javaが使えるのであれば <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // プルダウンメニュー flag = false; function pullDown() { if(flag) ID.style.visibility = "hidden"; else ID.style.visibility = "visible"; flag = !flag; } //--> </SCRIPT> </HEAD> <BODY> <input type="button" onClick="pullDown()" value="メニューを\表\示する"><br> <DIV id="ID" style="position:absolute;visibility:hidden;"> <input type="checkbox">A<br> <input type="checkbox">B<br> <input type="checkbox">C<br> <input type="checkbox">D </DIV> </BODY> </HTML> でメニューをプルダウンにして項目も複数選択できるようには出来ますけど?選択してフォーム送信するのですか? メニュー表示のところがボタンで嫌なのであれば <input type="button" onClick="pullDown()" value="メニューを\表\示する"> のところを <A href="javaScript:pullDown()" style="text-decoration: none">メニューを\表\示する</A> にかえてもいいです 補足: \表\ →表は文字化けするので\○\で○をそのまま表示する style="text-decoration: none" →リンク部の下線を消す(必要なければ削除) プルダウンメニュー参照 http://javascript.eweb-design.com/0701_pdm.html

yottakun
質問者

お礼

leap_dayさん、ありがとうございます。 まさにこのようにしたかったので、助かりました。 後はこのようにして選択された結果を抽出する仕組みをデータベースと 絡めて考えてみます。 本当にありがとうございました。

その他の回答 (1)

回答No.1

単純に <select name="aaa" multiple> という様に<select>に"multiple"を 付けるだけではダメなのでしょうか? それがダメなら、css+javascriptでプルダウンメニュー風の 物を作る事になると思います。

yottakun
質問者

お礼

karumakarumaさん、ありがとうございます。 なるほど、こうするとCtrlキーを押しながらクリックすると 複数選択出来る訳ですね。 ただこれだとメニュー部分がプルダウンにはならなくなりますね。 かといって4行は表示させないと、何がなんだか分からなくなり そうです。 別の方法を考えてみます。ありがとうございました。

関連するQ&A

  • ラジオボタンの選択に応じてプルダウンメニューの内容を変えたい

    はじめまして。どうぞよろしくお願いいたします。 教えていただきたいのは「ラジオボタンの選択で、その下のプルダウンメニューの内容を変える方法」です。 javaスクリプトがちんぷんかんぷんですので、初心者でも分かるようご回答いただけると幸いです。 どうぞよろしくお願いいたします。

  • 複数のプルダウンメニューをインラインフレームに表示。

    複数(10個以上)のプルダウンメニュー(各メニュー)をインラインフレームにリンク表示させたいのですが。「GO」ボタンがあっても無くても結構です。誰か教えてください。よろしくお願いいたします。

  • ActionScriptでプルダウンメニュー

    ActionScriptでプルダウンメニューを作りたいのです。 HTMLなら簡単に作れますが,ASでも作れるのでしょうか? ご存知の方は,ご教示願います。 また,ラジオボタンの設置方法もご存知なら,教えてください。

    • ベストアンサー
    • Flash
  • プルダウンメニューで・・・。

    <SELECT>タグのプルダウンメニューで、 複数選択は可能でしょうか? 以前どこかのホームページで、Shiftキーを押しながらできたと思うのですが・・・。

    • ベストアンサー
    • HTML
  • プルダウンメニューが使えない

    グーグルクロームです。 ウェッブサイト、プルダウンメニューからの選択を行おうとしても、すぐにプルダウンが閉じてしまい、選択できません。 IEでは正常です。 回避方法はありますか?

  • 2つのプルダウンメニューで、同じものを選べないようにする

    ふたつの選択肢を選ぶために、プルダウンメニューがふたつ並んでいます。  例えばメニュー1の選択肢 ・A ・B ・C ・D  でAを選んだとき、メニュー2の内容が ・B ・C ・D  になるようにしたいのですが、どうすればいいでしょうか?  チェックボックスで選べる数をふたつまでにする、というのも方法としてはありなんですが、今回は都合上プルダウンメニューで実装したいのです。ご教授お願いします。

  • プルダウンメニューの選択のしかた

    HP中にあるプルダウンメニューを選択後 青く選択状態になったまま マウスをスクロールさせると選択位置が連動して変わりますよね。 このやり方にする方法を教えてください。 ノートのときはできたんですが、デスクトップにしてからはできません。

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

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

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

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

  • プルダウンメニューのジャンプボタン

    プルダウンメニューで選択されたページにボタンを押すとジャンプするようなものを作ろうと思っております。 Dreamweaverで簡単には作れるのですが、そのボタンをロールオーバー画像を使ったボタンにしたいのですがうまくいきません。 Macを使っていてSafariやOperaでは動いたのですが、IEとFirefoxでは動きませんでした。そこらへんをうまく対応できるようになるでしょうか?

専門家に質問してみよう