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