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

解決済

質問者：yottakun
質問日時：2006/12/22 16:22
回答数：2件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： leap_day
回答日時：2007/01/10 12:07

Javaが使えるのであれば

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">

</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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2007/01/10 14:00

No.1

回答者： karumakaruma
回答日時：2006/12/22 18:24

単純に

<select name="aaa" multiple>
という様に<select>に"multiple"を
付けるだけではダメなのでしょうか？

それがダメなら、css+javascriptでプルダウンメニュー風の
物を作る事になると思います。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2006/12/22 20:01

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！