Basic SelectBoxIt
Add .selectBox class to select for basic SelectBoxIt field
SelectBoxIt with Label
Use .selectBox-label-default class to add label to Select field
SelectBoxIt supports optgroup
Disabled SelectBoxIt
SelectBoxIt with selected & disabled options
SelectBoxIt Open/close Effects
Add .selectBox-effect class to select for opening & Closing effects
SelectBoxIt Open/close Animations
Add .selectBox-animation class to select for SelectBoxIt field animation.
Hide First option
Add .selectBox-hide-first class to hide first field of select
Option size
Add data-size attribute to select to show number of options at a time
Custom text [Select Birmingham/Leeds]
Add data-selectedtext attribute to select option for custom text value
Prevent Closing [Clicking 'Berlin' option will not close the options list. ]
Add data-preventclose attribute to prevent closing
Aggressive Change Mode
Aggressive Change Mode will select a drop down option when user navigates option using up and down arrow keys via the keyboard
Native Mousedown Mode
Click and hold down your mouse, hover over a drop down option, and then release the mouse to select that option.
Add Option Dynamically
Use .options-dynamic class with .selectBox class to add dynamic option
Remove First Option
Use .option-remove class with .selectBox class to remove option dynamically
Remove Multiple Options
Use .options-remove class with .selectBox class to remove multiple options
Remove Multiple Options
Use .remove-all class with .selectBox class to select and id #remove-all to button to remove all the options
Hide Current Selected Options
Use .selectBox-hide-current class to Hide Current selected option