Custom Select for Twitter Bootstrap 2

Description

What is this?

This is a jQuery plugin extending the functionality of Twitter Bootstrap. It allows you to turn a default select input field into an element completely matching the style of Twitter Bootstrap with one line of JavaScript.

Why use it?

applies Twitter Bootstrap style to a select input field
preserves native select input field behaviour (you can use GET or POST methods to submit the selected value)
easily stylable
responsive (optionally)
by default uses Twitter Bootstrap button styling and field sizing classnames, but this can be easily overridden by using custom ones
accessible – supports keyboard tabbing very well (gaining and loosing focus)

Easy to use

Example:

<script>
    $(document).ready(function(){
        $('.some_classname').bootstrapSelect();
    });
</script>

Please note: step-by-step explanation is in the docs.

This plugin requires

jQuery JavaScript library
Twitter Bootstrap 2 front-end framework

Changelog

v 1.0 (03 November 2013)

Restructured plugin and added public methods: change, get_value, set_value; Custom attributes on initial select element are copied to a generated HTML element

v 0.1 (21 September 2013)

Prevented form submit on caret/button click, autocomplete prevented on input field, typing and pasting prevented, added a new option – maximum items visible without a scrollbar

Initial release (16 May 2013)