PHPackages                             wdmg/bootstrap-selectinput-plugin - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. wdmg/bootstrap-selectinput-plugin

ActiveLibrary[Utility & Helpers](/categories/utility)

wdmg/bootstrap-selectinput-plugin
=================================

Select to dropdown list for Bootstrap 3

1.2.1(6y ago)1152MITJavaScript

Since Apr 11Pushed 6y ago2 watchersCompare

[ Source](https://github.com/wdmg/bootstrap-selectinput)[ Packagist](https://packagist.org/packages/wdmg/bootstrap-selectinput-plugin)[ Docs](https://github.com/wdmg/bootstrap-selectinput)[ RSS](/packages/wdmg-bootstrap-selectinput-plugin/feed)WikiDiscussions master Synced 4d ago

READMEChangelogDependenciesVersions (8)Used By (0)

Bootstrap SelectInput
=====================

[](#bootstrap-selectinput)

Select to dropdown list for Bootstrap 3

Installation
============

[](#installation)

```
$ npm install bootstrap-selectinput-plugin
$ bower install bootstrap-selectinput-plugin
$ yarn add bootstrap-selectinput-plugin
$ composer require bootstrap-selectinput-plugin

```

Usage example
=============

[](#usage-example)

For example use the form-group:

```

    Select:

        Select option one
        Select option two
        Select option three
        Select option one
        Select option two
        Select option three

    Multiple select:

        Select option one
        Select option two
        Select option three
        Select option one
        Select option two
        Select option three

```

... and init from script:

```

    $(document).ready(function () {
        $('select').selectinput({
            dropdownClass: '.dropdown .some-dropdown',
            toggleText: 'Select option',
            toggleCaret: '',
            autocomplete: 'http://example.com/api/get/options',
            ...
        });
    });

```

Options
=======

[](#options)

NameTypeDefaultDescriptiondropdownClassstring'.dropdown'The class for the dropdown container.listClassstring'.dropdown-menu'Class for dropdown list.itemClassstring'.dropdown-item'Class for the item in the dropdown list.toggleClassstring'.btn .btn-default .dropdown-toggle'Class of the button for expanding the dropdown.toggleTextstring'Dropdown'Default text of the toggle button.toggleCarethtml``Default caret of the toggle button.toggleChangeboolean`true`Flag if need to change the toggle button text.autocompleteboolean / string`false`Autocomplete URL.minInputinteger`2`Min input lenght.templatesobject`inputField`, `autocompleteList`, `autocompleteItem`Autocomplete component templates.onChangefunction`onChange()`The function that is called when select option change.onShowfunction`onShow()`The function that is called when dropdown is ready to be displayed.onShownfunction`onShown()`The function that is called when dropdown is displayed.onHidefunction`onHide()`The function that is called when dropdown to prepare for hiding.onHiddenfunction`onHidden()`Flag if need debug in console log.onAutocompleteSuccessfunction`onAutocompleteSuccess()`The function is called when autocomplete successfully called an ajax request.onAutocompleteErrorfunction`onAutocompleteError()`The function is called when autocomplete caused an ajax error.onAutocompleteShowfunction`onAutocompleteShow()`The function that is called when autocomplete is ready to be displayed.onAutocompleteShownfunction`onAutocompleteShown()`The function that is called when autocomplete is displayed.onAutocompleteHidefunction`onAutocompleteHide()`The function that is called when autocomplete to prepare for hiding.onAutocompleteHiddenfunction`onAutocompleteHidden()`The function that is called when autocomplete is hidden.debugboolean`false`The function that is called when dropdown is hidden.Status and version
==================

[](#status-and-version)

- v.1.2.1 - Fixed value from json for autocomplete
- v.1.2.0 - Refactoring, added autocomplete
- v.1.1.1 - OnChange bugfix
- v.1.1.0 - Added on change value of main select

###  Health Score

29

—

LowBetter than 57% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity65

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~63 days

Recently: every ~95 days

Total

7

Last Release

2257d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1635637?v=4)[Alexsander Vyshnyvetskyy](/maintainers/alex-wdmg)[@alex-wdmg](https://github.com/alex-wdmg)

---

Top Contributors

[![alex-wdmg](https://avatars.githubusercontent.com/u/1635637?v=4)](https://github.com/alex-wdmg "alex-wdmg (15 commits)")

---

Tags

autocompletebootstrapdropdownselecttwitter bootstrap

### Embed Badge

![Health badge](/badges/wdmg-bootstrap-selectinput-plugin/health.svg)

```
[![Health](https://phpackages.com/badges/wdmg-bootstrap-selectinput-plugin/health.svg)](https://phpackages.com/packages/wdmg-bootstrap-selectinput-plugin)
```

###  Alternatives

[snapappointments/bootstrap-select

The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.

9.8k501.2k3](/packages/snapappointments-bootstrap-select)[kartik-v/dependent-dropdown

A multi level dependent dropdown JQuery plugin that allows nested dependencies.

1825.2M3](/packages/kartik-v-dependent-dropdown)[istvan-ujjmeszaros/bootstrap-duallistbox

A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.

628207.6k2](/packages/istvan-ujjmeszaros-bootstrap-duallistbox)[harvesthq/chosen

Chosen is a JavaScript plugin that makes select boxes user-friendly. It is currently available in both jQuery and Prototype flavors.

405.3M12](/packages/harvesthq-chosen)[drpshtiwan/livewire-async-select

A powerful async select component for Laravel Livewire with Alpine.js - a modern alternative to Select2

1116.8k](/packages/drpshtiwan-livewire-async-select)[jjj/chosen

Chosen is a JavaScript plugin that makes select boxes user-friendly. It is currently available in both jQuery and Prototype flavors.

28597.8k5](/packages/jjj-chosen)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)