質問: ### やりたいこと xxx 111 yyy 222 : みたいな2カラムの情報を表示して と同じくドラッグや CTrl+クリックで選択できるようにしたい ### ためしたこと1 xxx 111 yyy 222 : optionの中にxxx111とかいても raw text になってしまう スペースの数で調整しようとしてもフォントによってずれるので見栄えが悪い ### ためしたこと2 を 横に並べて選択状態とスクロール状態を一致させて擬似的に 2カラムにみせようとした で質問してみたのですがスクロールとクリックをあわせると特定のブラウザで挙動がおかしくなって解決法がわからず ### ためしたこと3 option の中の文字には修飾できないけど option はCSSで修飾できるので option を 2 列にならべて偶数番目と奇数番目の選択状態を連動させる https://codepen.io/anon/pen/EemGMy こんな感じでサンプルを書いてみたのですが なぜか inline-block にしたはずの option が折り返してくれず またスクロールバーの関係で上につけたラベルと中央位置がずれてしまいます うまい解決方法はないでしょうか お知恵をお貸しくださると助かります
回答: selectは表のように使うものではないので、希望のものは作れないのではないでしょうか? とくに複数ブラウザで同じように動くことを希望しているようなので、Firefoxにおいてmultipleなselectのスクロールバーが消せない以上、横に並べるとデザインが変わってきます(Chromeだけならoverflowとbox-sizingでおさまりそうですが)。 ドラッグができることが要件にある?みたいなので、jQuery UI を挙げておきます。