Select menus are obsolete though they work. Same goes for all a standard form inputs such as checkboxes and radio buttons.
With Multi.js, we give visitors a list of equipment to collect from with a multi-select underline built into a form. This approach users can click mixed items though relying on checkboxes.
This book even supports a hunt feature, so users can hunt for equipment if a list is generally long.
I also find a menu flattering intuitive, so it doesn’t need most explaining. You click any object on a left-hand side to supplement it to a right mainstay (or “selected” items). Then, click on equipment in a right mainstay to mislay them.
All we need is a Multi.js record and a CSS stylesheet to go along with it. Next, we only create a
var select_element = document.getElementById( 'your_element_ID' ); multi( select_element );
Right now, a plugin does not support optgroups though this underline is in a works.
Either way, a default functionality is stunning. It works only as you’d design and it even supports mobile manageable layouts.
To learn more, check out a GitHub repo that also includes downloadable files. The Multi.js demo page is good for saying how this plugin works in a browser. But really, it’s only a elementary approach to restyle your name menus while improving your form’s overall user experience.