jquery-MultiSelect

jquery-MultiSelect is a simple jquery Multiselect component which can be integrated very easily and provide as much as option required. Any missing feature info will be appreciated.

Demo

Live Demo URL : Not hosted Yet

Getting Started

You have to add "jquery-MultiSelect.js" and "jquery-MultiSelect.css" into your project. You can either download it directly or get using npm.

``


`

Import Using NPM:
`
npm install jquery-dropdown --save
`




$3

After adding jquery-MultiSelect into your project, just add below code into your project.

`



$("#multiselect").multiselect({
data : [
{
id : 0,
name : "Alaska"
},
{
id : 1,
name : "florida"
},
{
id : 2,
name : "New York"
},
{
id : 3,
name : "Ohio"
}
],
onOptionSelect : function(item){
console.log(item);
}
});
`

Options List

| OPtion | Required/Optional | Description |
| --- | --- | --- |
| data | Required | Data that needs to be render |
| placeholder | Optional | Custom Placeholder for dropdown |
| searchPlaceholder | Optional | Custom search Placeholder |
| className | Optional | Custom classname to container |
| search | Optional | Enable Search control, disabled by default |
| disable | Optional | Disable dropdown |

$3

| OPtion | Required/Optional | Description |
| --- | --- | --- |
| id | Required & Unique | Unique id for each list item |
| name | Required | displayName of list item |

$3

| OPtion | Required/Optional | Description |
| --- | --- | --- |
| onOptionSelect` | Required | Will be triggered on selecting option from Multiselect list|

Authors

*Sahil Gupta Github

License

This project is licensed under the Custom License - see the LICENSE.md file for details.