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

Fork of https://github.com/ibnujakaria/multiple-select-js
https://github.com/loperd/multiple-select-js

multiple-select multiple-select-list select

Last synced: 11 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/loperd/multiple-select-js
• Owner: loperd
• License: mit
• Created: 2021-12-04T15:53:45.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-12-04T15:53:52.000Z (about 4 years ago)
• Last Synced: 2025-02-05T18:45:34.896Z (about 1 year ago)
• Topics: multiple-select, multiple-select-list, select
• Language: JavaScript
• Homepage:
• Size: 1.44 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• 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).