SelectBoxIt

SelectBoxIt lets Web desginers stylize SELECT fields to what they see fit while also not affecting its default behavior.

The plugin includes keyboard search and navigation support, and can be used with responsive layouts and touch devices as well.

SelectBoxIt supports long lists, custom selected text, prevents accidental dropdown closing, disabled states, and optgroup support.

It also integrates with Bootstrap, jQuery Mobile, and jQuery UI, and can be styled with jQuery UI ThemeRoller themes as well.

A demo is included with the download package.

What is new in this release:

• Improved performance by not removing option icons.
• Allow passing in a custom theme object.

What is new in version 3.7.0:

• ARIA support.

What is new in version 3.6.0:

• jQuery v1.8.3 or greater is now required.

What is new in version 3.5.0:

• New Options:
• dynamicPositioning - Determines whether or not the drop down list should fit inside it's viewport.
• Bug Fixes:
• Firefox keyboard navigation bug.
• Dynamic positioning bug.
• Enable/disable bug.

What is new in version 3.2.0:

• Added a nativeMousdown option to allow the drop down to be opened programmatically using the mousedown event. Currently, the open event logic needs to be updated to allow this.
• Added a customShowHideEvent option to which prevents a drop down from opening on click or mousedown, which allows a user to open/close the drop down with a custom event handler.

What is new in version 2.9.9:

• Fixed keyboard search with disabled options bug and keyboard search accuracy.
• Refactored attribute copy logic.

What is new in version 2.8.0:

• All attributes on the original select box and select box options are now being copied over to the new drop down.

What is new in version 2.6.0:

• Added support for styling the currently selected drop down option via the selectboxit-selected CSS class.
• Fixed refresh() method mobile bug.

What is new in version 2.5.0:

• Added a new option, aggressiveChange, which will select a drop down option (and trigger the change event on the original select box) when a user navigates to an option using the up and down arrow keys via the keyboard, or searches for an option using the keyboard.
• There is now always an "active" class when drop down options are moused over.

What is new in version 2.4.0:

• Added the data-iconurl HTML5 data attribute to support relative and absolute image URL's.

What is new in version 2.3.0:

• Added the disableOption() and enableOption() methods.
• Fixed disabled state CSS class bug. Now allows all supported themes (Twitter Bootstrap, jQueryUI, and jQuery Mobile) CSS class's are able to take effect.

What is new in version 2.1.0:

• Added the native option: Allows you to trigger the native select box element when a user is interacting with the drop down.

What is new in version 2.0.0:

• Improved support for enclosing a drop down arrow inside of a box (by setting a border).
• Simplified mobile device checking for iOs, Android, Blackberry, Opera Mini, and Windows mobile devices.

What is new in version 1.9.0:

• Added nostyle option.
• Updated the CSS to remove tag names, remove IE7 hack, and improve CSS specificity.

What is new in version 1.7.0:

• Allow users to programmatically change the value of the select element.
• Removed unique id attributes from select boxes that do not originally include an id attribute.
• Applied HTML attribute encoding for quotes inside of option values.
• Fixed jQuery 1.8.2 keyboard compatibility.

What is new in version 1.5.0:

• Improved the search algorithm

What is new in version 1.2.0:

• Fixed IE8 keyboard navigation and search bug.
• Added a keydownOpen option to allow the dropdown list to be visible if the user presses the up or down arrow key.

What is new in version 1.0.0:

• Upgraded Homepage/Documentation
• The plugin was split into modules (multiple files) and a custom build process was created

What is new in version 0.9.0:

• IE7 and IE8 bug fix.

What is new in version 0.8.0:

• Bug fixes for the disabled use cases.

What is new in version 0.7.0:

• Added optgroup support to allow dropdown list options to be put in subgroups.
• Bug fixes to the change and focus Event API handlers.

What is new in version 0.6.0:

• Added support for two new options.
• Added support for three new HTML5 data attributes to be used with the original select box element.

Requirements:

• JavaScript enabled on client side
• jQuery 1.8.3 or higher