Description
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.
bootstrap-select alternatives and similar libraries
Based on the "Select" category.
Alternatively, view bootstrap-select alternatives based on common mentions on social networks and blogs.
-
selectize.js (old)
Selectize is the hybrid of a textbox and select box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc. -
jquery multi-select
A user-friendlier drop-in replacement for the standard select with multiple attribute activated. -
Ajax Bootstrap Select
This uses the bootstrap-select plugin and extends it so that you can use a remote source to search.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of bootstrap-select or a related project?
README
bootstrap-select
The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 5 support.
Demo
You can view a live demo and some examples of how to use the various options here.
Quick start
Bootstrap-select requires jQuery v1.9.1+, Bootstrap’s dropdown.js component, and Bootstrap's CSS. If you're not already using Bootstrap in your project, a precompiled version of the Bootstrap v3.4.1 minimum requirements can be downloaded here. If using bootstrap-select with Bootstrap v4+, you'll also need Popper.js. For all of Bootstrap v4's requirements, see Getting started. A precompiled version of the requirements will be made available in an upcoming release of bootstrap-select.
Several quick start options are available:
- Download the latest release.
- Clone the repo:
git clone https://github.com/snapappointments/bootstrap-select.git - Install with npm:
npm install bootstrap-select - Install with yarn:
yarn add bootstrap-select - Install with Composer:
composer require snapappointments/bootstrap-select - Install with NuGet:
Install-Package bootstrap-select - Install with Bower:
bower install bootstrap-select - Install via CDN (cdnjs, jsDelivr or PageCDN):
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"></script>
<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/i18n/defaults-*.min.js"></script>
The CDN is updated after the release is made public, which means that there is a delay between the publishing of a release and its availability on the CDN.
Usage
Bootstrap 4 only works with bootstrap-select v1.13.0+. By default, bootstrap-select automatically detects the version of Bootstrap being used. However, there are some instances where the version detection won't work. See the documentation for more information.
Via selectpicker class
Add the selectpicker class to your select elements to auto-initialize bootstrap-select.
<select class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Barbecue</option>
</select>
Via JavaScript
// To style only selects with the my-select class
$('.my-select').selectpicker();
or
// To style all selects
$('select').selectpicker();
If calling bootstrap-select via JavaScript, you will need to wrap your code in a .ready() block or place it at the bottom of the page (after the last instance of bootstrap-select).
$(function () {
$('select').selectpicker();
});
Check out the documentation for further information.
Bugs and feature requests
Anyone and everyone is welcome to contribute. Please take a moment to review the [guidelines for contributing](CONTRIBUTING.md). Make sure you're using the latest version of bootstrap-select before submitting an issue.
- [Bug reports](CONTRIBUTING.md#bug-reports)
- [Feature requests](CONTRIBUTING.md#feature-requests)
Documentation
Bootstrap-select's documentation, included in this repo in the root directory, is built with MkDocs and hosted at https://developer.snapappointments.com/bootstrap-select. The documentation may also be [run locally](CONTRIBUTING.md#running-documentation-locally).
Copyright and license
Copyright (C) 2012-2018 SnapAppointments, LLC
Licensed under [the MIT license](LICENSE).
*Note that all licence references and agreements mentioned in the bootstrap-select README section above
are relevant to that project's source code only.