# 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.

```
<link rel="stylesheet" href="./jquery-MultiSelect.css">
<script type="text/javascript" src="./jquery-MultiSelect.js"></script>
```

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


### Usage

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

```
<div id="multiselect"></div>
$("#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 |

### data Object options

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

### Events

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

## Authors

***Sahil Gupta** [Github](https://github.com/techhysahil)

## License

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