Select2 is an advanced replacement for standard select boxes. It supports searching, remote data sources, and infinite scrolling of results.
Select2 on View Official WebsiteAn example of a select dropdown with an appended button using Select2.
Select2 can take a regular select box with optgroup support for better organization.
Select2 multiple select with grouped options and placeholder.
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Choices.Js on View Official WebsiteSet
[options]="{searchEnabled:false}" attribute to
set a default
Set
[options]="{searchEnabled:false}" attribute to
set a group
Set
[options]="{searchEnabled:false,removeItemButton:true}"
attribute to
set a no search
Set
[options]="{shouldSortItems:false}"
attribute to
set a no Sorting
Set
multiple
attribute
Set
multiple [options]="{removeItemButton:true}"
[multiple]="true"
attribute
Set
multiple
attribute
Set
data-choices data-choices-limit="3" data-choices-removeItem attribute.
Set
[options]="{uniqueItemText:' 't;&quo}
attribute
Set disabled
attribute.
Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and small code footprint, exploded with features.
Tagify on View Official WebsiteTag input using default settings
Input with blacklist and remove all button
Input with dropdown suggestions list
Custom email input with append button
Select users with avatars and tags
Sortable tag list using drag & drop
Tags displayed below the input box
Some tags are locked as read-only
Read-only tag input field
Manually add tags using external controls