Picker Select Options A jQuery plugin that utilizes Bootstrap's dropdown.js to style and bring additional functionality to standard select elements.

Official documentation

Basic

data-provide="selectpicker" applies to a <select>

With optgroups

Multiple

Add multiple attribute

Live search

Add data-live-search="true"

Limit selection

Add multiple data-max-options="2"

Or for optgroup add data-max-options="2"

Placeholder

Add title attribute

Multiple example

Selected text

Add title attribute to <option>

Subtext

Add data-subtext="..." to <option>

Checkmark

Add class .show-tick

Style individual options

Use classes and styles in <option>

Options icon

Add data-icon="fa fa-user" to <option>

Custom content

Add data-content="..." to <option>

Select/deselect all options

Add data-actions-box="true"

Divider

Include <option data-divider="true"></option> in options

Menu header

Add data-header="..."

Disabled

Add disabled attribute

Single date picker

data-provide="datepicker" applies to .form-control

Multi date picker

data-date-multidate="true"

Inside input group

Daterange picker

Default

data-provide="clockpicker" applies to .form-control

Auto close

data-autoclose="true" applies to data-provide="clockpicker"

Input group

Placement

Default

data-provide="timepicker" applies to .form-control

24 hours

data-show-meridian="false"

Default

data-provide="colorpicker" applies to <input>

Brightness

Include data-control="brightness"

Wheel

Include data-control="wheel"

Positions

Include data-position="top left"

RGBA

Swatches

Hidden input

Inline