https://github.com/ibnujakaria/multiple-select-js

A simple javascript library for multiple select component that supports Bootstrap 4 natively.
https://github.com/ibnujakaria/multiple-select-js

bootstrap4 dropdown javascript-library multiple-select multiselect-library multiselectdropdown

Last synced: 9 months ago
JSON representation

A simple javascript library for multiple select component that supports Bootstrap 4 natively.

• Host: GitHub
• URL: https://github.com/ibnujakaria/multiple-select-js
• Owner: ibnujakaria
• License: mit
• Created: 2019-07-30T02:55:03.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T08:19:28.000Z (about 3 years ago)
• Last Synced: 2025-04-27T19:47:55.770Z (10 months ago)
• Topics: bootstrap4, dropdown, javascript-library, multiple-select, multiselect-library, multiselectdropdown
• Language: JavaScript
• Homepage: https://ibnujakaria.github.io/multiple-select-js
• Size: 2.33 MB
• Stars: 15
• Watchers: 1
• Forks: 2
• Open Issues: 30
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![](https://img.shields.io/npm/v/multiple-select-js)](https://www.npmjs.com/package/multiple-select-js)

[![](https://img.shields.io/npm/dt/multiple-select-js)](https://www.npmjs.com/package/multiple-select-js)

[![](https://img.shields.io/jsdelivr/npm/hm/multiple-select-js)](https://www.jsdelivr.com/package/npm/multiple-select-js)

[![](https://img.shields.io/github/size/ibnujakaria/multiple-select-js/dist/js/multiple-select.js)]()

[![](https://img.shields.io/github/release-date/ibnujakaria/multiple-select-js)](https://github.com/ibnujakaria/multiple-select-js/)

[![](https://img.shields.io/npm/l/multiple-select-js)](https://www.npmjs.com/package/multiple-select-js)

# Multiple Select 

A simple javascript (non jQuery) library for multiple select component that supports Bootstrap 4 natively.

## Installation

You can install `multiple-select-js` in 3 options:

### Using NPM

```bash

npm i multiple-select-js

```

And then, simply import it using `es6` syntax.

```js

import MultipleSelect from 'multiple-select-js'

```

### Using CDN

```html

```

### Manually Download

```html

```

## Basic Usage

For single select.

```html



  Single Select

  

    PHP

    Javascript

    Python

    Java

  



```


```js

new MultipleSelect('#select-language', {

  placeholder: 'Select Language'

})

```

For Multiple select you can simply add `multiple` attribute to the `select` tag.

```html



  Multiple Select

  

    PHP

    Javascript

    Python

    Java

  



```


```js

new MultipleSelect('#select-multiple-language', {

  placeholder: 'Select Language'

})

```

## Documentation

Go to [this link](https://ibnujakaria.github.io/multiple-select-js) for the complete documentation.

## License

The Multiple Select Js library is open-source software licensed under the [MIT license](https://opensource.org/licenses/MIT).