Skip to main content

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.

selectize.js
package.json
application.js
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.