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)
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Custom Select for Twitter Bootstrap 2 from the The Developer ( LisaStoz ) website. Thank you.
Download = Custom Select for Twitter Bootstrap 2-[Updated].zip