Get new jQuery plugins just once a week



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() {

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,

selClass: 'custom-select',
labelClass: 'custom-select-label'

Created by David Turner



select jquery plugin

Easy select input boxes


Related posts:

UI Layout
select jquery plugin

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever
Couple Gift Ideas