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