メニューを閉じる

テクノモバイルグループ

メニューを開く

2020.06.29

プログラミング

jQuery Select2 で選択ウィンドウのサイズを項目ごとに変える

坂東です。

jQueryのSelect2便利ですよね。
optionが増えまくったとき絞り込みフォームを増やしたくなるけれど、とりあえずSelect2にすると複数列になって視認性が良いし簡易的な検索機能もついてくるのでUI的にはなんとかなっちゃう。
http://program-memo.com/archives/563

 

Select2のUIはスタイルシートで調整できるのですが、画面で共通。
1画面内にoptionの数が「30個」「120個」「1000個」のselectが共存する場合、それぞれ列は「2列」「4列」「6列」くらいにしたいはず。

そんなときはこうします。

cssはこう。

 

javascriptはこう。

 

と思ってたら、4.1.0から要素ごとにcssを変える機能が標準で搭載されたみたい。
まだbetaなんで使ってはないですが。

 

おわり。

 

 

 

 


【テクノモバイルではエンジニア/デザイナーを積極採用中です!】

下記項目に1つでも当てはまる方は是非、詳細ページへ!
  • 自分でアプリを作ってみたい
  • ITで世の中にワクワクを生み出したい
  • 使いやすさ、デザインにこだわったWebサイトを開発したい

採用情報の詳細はこちら


Qangaroo(カンガルー)

  • 徹底した見やすさと優れた操作性で、テストの「見える化」を実現。
  • テストの進捗が見える。開発がスマートに進む。
  • クラウド型テスト管理ツール『Qangaroo(カンガルー)』
https://qangaroo.jp/

最近の記事

SNS共有

X CLOSE
X CLOSE
X CLOSE