jquery-multiselect

1.0.0 • Public • Published

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

License

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

Readme

Keywords

Package Sidebar

Install

npm i jquery-multiselect

Weekly Downloads

330

Version

1.0.0

License

ISC

Last publish

Collaborators

  • techhysahil