Get new jQuery plugins just once a week

×

Select

February 10, 2013

jQuery Select Plugin for consistent select boxes

Select is a jQuery plugin takes a look at select boxes that match the selector you provide, and will add in a label after matching <select> boxes. It will also add some classes to these elements for the purposes of styling.

Installation Code

$(function() {
$('select').customStyle();
});

That’s it. The plugin will work its way through all the select boxes on the site and start adding in extra labels. There’s some styling that you’ll need to add.
There are a few pre-defined classes that are used that you might have noticed up above, .custom-select and .custom-select-label. These can be changed as you see fit, by defining some settings for the plugin,

$('select').customStyle({
selClass: 'custom-select',
labelClass: 'custom-select-label'
});

Created by David Turner

Download

Example

select jquery plugin

Easy select input boxes

Select

Related posts:

Any List Scroller
PrettyTextDiff
slctr
select jquery plugin

http://jquer.in/wp-content/uploads/2012/11/jquery-select-plugin.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever