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 i react-itra-multi-select --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

License

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