JS Select

Overview

The JS Select module is used for creating styleable <select> elements.

One day, we may be able to achieve highly custom <select>s with pure CSS. In the meantime, we need JavaScript.

At the time of writing, we use a jQuery plugin called SelectBoxIt to generate styleable <select> controllers. Note that this plugin has both jQuery and jQuery UI as dependencies. Please refer to their documentation for setup and configuration questions.

Initialization

All <select>s to be initialized must be given the class js-select.

All SelectBoxIt initialization code should live inside SelectHandler.init(). This method provides a default settings object that can be partially or entirely overridden using switch cases.

Different select types should be designated using the data-select-type attribute. This is to prevent a <select> from having more than one type.

Examples

Basic

Hide First Option