Q&A
前提・実現したいこと
Ctrl/Shift/Commandキーを押しながら複数選択できるドロップダウンを作成したいです。
発生している問題・エラーメッセージ
select multipleで作成すると、ドロップダウンではなくリストボックスになってしまいます。
該当のソースコード
<select multiple size="3" name="test1[]"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select>よろしくお願いいたします。
回答5件
0
ベストアンサー
JavaScriptを使わずに実装するのは無理でしょう。
調べればいろいろなライブラリが出てくるので、現在使っているフレームワークなどに合わせて好みのものを選んでみてください。
例えば、jQueryやフレームワークに依存しない(VanillaやPureと呼ばれる）JavaScript実装のライブラリにはこんなのがあります。
https://github.com/PhilippeMarcMeyer/vanillaSelectBox
投稿2021/08/23 08:28
総合スコア6759
0
Ctrl/Shift/Commandキーを押しながら複数選択できるドロップダウン
ブラウザ組み込みの <select> では実現不可能なので、自分でそういうUIを作るか、そういうライブラリを見付けて利用する必要があります。
投稿2021/08/23 08:13
総合スコア21599
0
複数選択が前提ならリストボックスやチェックボックスでなければ
ユーザーが混乱するのでおすすめできません
投稿2021/08/24 00:16
総合スコア116443
0
JQuery と Semantic UI 使うと、こんなんもいけるらしいで ➡ サンプル
投稿2021/08/23 11:07
退会済みユーザー
総合スコア0
0
multiple
真偽値属性で、リストの複数の選択肢を選択することができることを示します。指定されていない場合は、一度に選択することができる選択肢は一つだけです。 multiple が指定されている場合、多くのブラウザーは単一行のドロップダウンの代わりに、スクロールするリストボックスを表示します。
投稿2021/08/23 08:09
総合スコア8402
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。