このサンプルは、jQueryの
MultiSelect
プラグインを利用して
ドロップダウンリストから複数のアイテムを選択することができます。
サンプルが表示されたらドロップダウンリストのヘッダーをクリックします。
するとアイテムがドロップダウンに表示されますのでマウスでクリックして選択します。
「Check all」「Uncheck all」をクリックするとすべてのアイテムを選択／非選択します。下のドロップダウンは、アイテムをグループ単位で表示します。グループ名をクリックすると、グループ内のすべてのアイテムを選択／非選択できます。