Using Selectize.js to Make Your Forms Better

Selectize is an extensible jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on...FeaturesSkinnable — Comes with LESS stylesheets and shims for Bootstrap 2 and Bootstrap 3 (+ precompiled CSS).Clean API & Code + Extensible — Interface & make addons like a boss with the plugin system. Fully documented on GitHub & inline.Smart Ranking / Multi-Property Searching & Sorting — Want to search an item's title and description? No problem. You can even override the scoring function used for sorting if you want to get crazy. Uses sifter.js.Caret Between Items — Order matters sometimes. Use the left and right arrow keys to move between items.Select & Delete multiple items at once — Hold down option on Mac or ctrl on Windows to select more than one item to delete.RTL + 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).Remote Data Loading — For when you have thousands of options and want them provided by the server as the user types.
Here we are, hard at work, surrounded by data that needs to go into forms.
I’ve given each mini-form an id which roughly describes which special selectized actions they’ll receive.
Here we are, smiling in our office prison, having just achieved a new level of efficiency!

--

--

Developer, Songwriter, Bugbear Monk

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store