セレクトフォーム

前任者からの引き継ぎ案件で、フォーマットの作成。発見があったので、メモ。特に指示もなかったので、継続してjQuery PluginのMultiple Selectを使用することにしました。ただ、バージョンがあがり、併用していたjQuery UIが非推奨になっていたので、設定を見直し、作り直すことに。Multi Selectはselectタグにmultitiple=”multiple”を設定すると、適用することが可能です。※もちろん、これ以外にもjsの設定は必要。設定が簡単な割には高機能なセレクトフォームのプラグインとして知られています。ちなみに、私は今回初めていじりました。

Multiple Select · Multiple Select is a jQuery plugin to select multiple elements with checkboxes :).

Multiple Select is a jQuery plugin to select multiple elemen…

ただ、複数選択以外にも単数選択のselectタグがあったため、見た目を揃えたかったので、設定できるどうか調べてみることに。するとMulti Select以外にも、Single Selectに適用できるようでしたが、Single Selectに適応する情報が見つかりませんでした。そこで、色々いじくってみた結果がこれ。動いてくれて、ありがと～。

<select multiple="single">