jQuery Selectbox Replacement
This is a simple plugin designed to allow complete customization of select elements. This will allow the site creator to operate any select element as the default select or use it for navigation with simple adjustments. As you can see in the demos below, the Selectbox plugin allows the use of icons. These icons can be set as html elements with inline styles or classes that can be styled in CSS.
Bootstrap Default
Replaced Select - Default
Replaced Select - Default with Icons
A simple example of the Selectbox using icons. Here it uses both HTML and CSS class within a single select replacement. This means each option can be set independently and use either of the 2 allowed icon types.
data-iconclass="fa fa-user"
data-iconhtml="<span class='steamicon'></span>"
Replaced Select - Droidlike with Icons
This Selectbox is built to mimic the styles of Android select handling. They can be set to the bottom of the screen or made to float in the middle when opened. These options are set in the data attributes of the select element that is replaced or assigned globally when the plugin is initiated using the built in options.