Select2

The Select2 widget provides a styleable select element replacement. It acts as a proxy back to the original select element, controlling its state for form submission or serialization. It duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control.

We have used Select2 plugin as a reference which we have then customized based on our Propeller theme.

For more options and documentation, visit : Select2

Propeller Select2

To create an enhanced simple select, add .pmd-select2 to the select tag.

Simple Select

Propeller Simple select

Simple Select with Search

Simple select2 with search

Select2 with Multiple Tags

For selectbox with multiple tags add .pmd-select2-tags to the select tag.

Select Multiple Tags

Select Multiple Tags and Select & Add Multiple Tags

Select2 with Search and Custom Tags

To create custom multiple tags add .pmd-select2-tags to the select tag.

Select & Add Multiple Tags

Select Multiple Tags and Select & Add Multiple Tags