複数項目選択GUIを作りたい場合は、jQuery UI の Selectable が便利だ。
-
jQuery UI の Selectable プラグインによる複数項目選択GUI
jQuery UI の Selectable プラグインを使った、複数項目選択GUI。項目をクリックすると、項目を選択できる。選択した項目は、文字色と背景色を反転させ目立たせる。「Ctrl」キーを押しながら、項目をクリックすると、複数の項目を選択できる。
-
選択結果を確認できる複数項目選択GUI
jQuery UI の Selectable プラグインを使った、複数項目選択 GUI で、選択した項目を表示する方法。項目をクリックし選択すると、文字色と背景色を反転させ、リストの上に、選択した項目名を表示する。「Ctrl」キーを押しながら複数選択しても、選択した項目名をカンマ区切りで表示する。