Selectize
Selectize is the hybrid of a textbox and <select> box. It's jQuery-based and it's useful for tagging, contact lists, country selectors, and so on.
npm install @selectize/selectize
--
<script>
$(function () {
$("select").selectize(options);
});
</script>
Features
Easy to use and customize
Selectize Includes default styles as well as packaged LESS and SCSS sources available for all Bootstrap versions.
Smart Ranking / Multi-Property Searching & Sorting
Want to search an item's title <em>and</em> description? No problem. You can even override the scoring function used for sorting if you want to get crazy.
Clean API & Extensible code
Interface & make addons like a boss with a powerfull plugin system.
Remote Data Loading
For when you have thousands of options and want them provided by the server as the user types.
Keyboard Navigation
Order matters sometimes. Use the <kbd>left</kbd> and <kbd>right</kbd> arrow keys to move between items.
Right-to-Left + Díåcritîçs supported
Great for international environments.
Item Creation
Allow users to create items on the fly (and it's async friendly; the control locks until you invoke a callback)
Select & Delete multiple items at once
Hold down <kbd>option</kbd> on Mac or <kbd>ctrl</kbd> on Windows to select more than one item to delete.