Laravel phpでのプルダウン一覧表示

お世話になっております。
当方Laravel5.5にてWebSiteを構築しております、
環境はmac OS Mojave10.14.2
ブラウザはGoogle Chrome バージョン: 71.0.3578.98になります。

プルダウンメニューを構築する際、
選択肢の数が多い場合にどうデザインするかで、
困っております。

やりたいこと

下記リンクに記載のある、
「配置を工夫するだけでも変化が」
のように、
https://f-tra.com/ja/blog/column/2960
選択肢を一覧化したいです。
例えば、上記の都道府県の例だと、
CSS、HTML共にどのようにすればよいでしょうか？
(この表示方法の名前がわからず、
「プルダウンメニュー　一覧」など、様々検索ワードで検索しましたが、
全くヒットしませんでした。)

もし、jqueryなど別の方法で
選択肢が多いものの選択をさせるフォームの
おすすめがございましたら、
そちらもご教示頂けますと大変助かります。

宜しくお願い致します。

行動規範の内容に同意します

回答3件

ベストアンサー

おそらく、お探しの「都道府県を選択しやすくする実装」は

セレクトボックスを選択しやすくするjQueryプラグイン

ではないでしょうか？

※ "jquery セレクトボックス都道府県" で検索したら、１ページ目にHITしました。

以上、ご参考まで。

投稿2019/02/22 11:05

nak

総合スコア696

gobindar

2019/02/23 06:11

nak様ご回答有り難うございます。ご回答の内容で実装できました。今回他の回答者様からもヒントを頂きまして検索ワードに幅が出ましたので以降十分に検索してからご質問をupしたいと存じます。有り難うございました。また機会がありましたら、宜しくお願い致します。

行動規範の内容に同意します

mtsさんの回答の補足ですが、
例のように、都道府県ではない場合のことも含めて質問していますよね？
（文脈からそう判断しました。）

例えば、ユーザー登録画面において、「住所」を入力するフォームで「都道府県」を入力する場合と、
ユーザーの「趣味」を入力する場合で同列に論じることができます？

「住所」入力欄の「都道府県」であれば、47の選択肢からただ一つだけ選択すればいいけど、
「趣味」の場合、たくさんの選択肢から、一つだけじゃなくて、「複数選択」することもありますよね？
それに１ページあたりに入力しなければならない項目数によっても、ある程度の「めんどくささ」を排除しつつといったバランスを…となるわけです。

単純に見た目だけじゃなくて、「どのように使ってもらいたいのか？」が見た目、直感的にユーザーに理解してもらい、かつ、ストレスなく入力してもらうことが必要になるわけです。

だからこそ、「要件やサイトの目的によって違います。」としか言いようがないのです。

投稿2019/02/22 10:36

退会済みユーザー

総合スコア0

gobindar

2019/02/22 10:43 編集

Kosuke_Shibuya様先程のご質問に続き、ご回答ありがとうございます。質問の仕方が悪く大変申し訳ありません。ご指摘の通り、ページの見た目や選び方によって要件が異なり、その実装方法はそれぞれかと存じます。なので、一つずつご質問差し上げているとキリがないので、まず、ご質問の通り【下記リンクに記載のある、「配置を工夫するだけでも変化が」のように、 https://f-tra.com/ja/blog/column/2960 選択肢を一覧化したいです。】とご質問差し上げた次第です。もしこのご質問に対する回答からなにかわかるものがあれば、カスタマイズして似たような要件の項目にも横展開できますし、ひとまずデザインのヒントとしたい、という意図がありました。なので、一旦ストレートにご質問に記載させて頂きました一覧表示の実装方法をご教示頂けますと大変助かります。上手く伝わらず申し訳ありませんが、何卒、宜しくお願い致します。

退会済みユーザー

2019/02/22 10:45

「html フォーム　jQuery プラグイン」でググって https://webkaru.net/jquery-plugin/cat/form/ とか。

退会済みユーザー

2019/02/22 10:46

https://www.moongift.jp/ とかキャッチアップしていくとか

gobindar

2019/02/22 10:50

「セレクトボックス」「プルダウン」などの用語にこだわっており、かつ「プラグイン」という用語に馴染みがなかったため、うまく検索結果が出ませんでしたが、使えるものがありそうです。勉強になりました。有り難うございます。また機会がありましたら、宜しくお願いします。

gobindar

2019/02/22 10:51

続けてお出し頂いたものも大変参考になりそうです、有り難うございます。

行動規範の内容に同意します

要件やサイトの目的によって違います。全体のバランスにもよります。
「こうでないといけない」は存在しないので、自身のサイトのバランス次第です。
どのような利用者を想定しているかとか。

(いずれにしてもタイトルにあるLaravelもphpも直接は関係ないですね)

投稿2019/02/22 09:45

m.ts10806

総合スコア80850

gobindar

2019/02/22 09:54

mts10806様毎度ご回答ありがとうございます。サイトの想定としては、・ビジネス用(PCや携帯を使い慣れた、　ビジネスマンで、管理職など上位者を想定) ・会員登録機能あり・会員登録時は、10項目の登録が必要で、　そのうち3つ(都道府県、職種、会社の業種)は選択肢が40以上あるので質問のように一覧表示したい・レスポンシブのデザイン(携帯とPC) といったところです。とにかく、都道府県に限らず、・多くの項目(40以上)を・カテゴリ分けして(例えば北海道、関東など項目立てて) ・極力ストレスを感じさせずに選ぶことができるデザインが欲しいというのが、ご質問の意図でした。もしなにかご存知であれば、ヒントを頂けないでしょうか・・・？