Last Updated: February 25, 2016
·
2.749K
· Harshniket Seta

Popup Multi Select

Making multiple selection experience more user friendly using popupMultiSelect:

harshniketseta.github.io/popupMultiSelect

This plugin is based on bootstrap, so to use it you will need to also integrate jQuery and boostrap to your project. After following the instructions on their installation page:

http://harshniketseta.github.io/popupMultiSelect/installation/

** To initialize: **

$("select").multiselect({
     tilte: "Select Industry",
              maxSelectionAllowed: 5}
);

There are other actions that you can perform on an already initialized multiple select, such as
1. enable
2. disable
3. show
4. hide
5. select
5. deselect
6. addOption

All of them and more are listed on this link:
http://harshniketseta.github.io/popupMultiSelect/actions/

All the above actions fire events which are listed here:
http://harshniketseta.github.io/popupMultiSelect/events/

There are lot of examples provided:
http://harshniketseta.github.io/popupMultiSelect/examples/