Custom Select for Twitter Bootstrap 2
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 Boo…
All source code listed on this site is collected from the internet. If any listing infringes your rights, please contact us and we will remove it immediately.
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)
Related products
More digital goods in the same category or with similar tags.
JavaScript / Miscellaneous
Forex Market Prediction Game Widget | JavaScript Plugin
JavaScript / Miscellaneous
Crypto Price Prediction Game Widget | JavaScript Plugin
JavaScript / Miscellaneous
gGrowl Notification - Messages with Icons Plugin
JavaScript / Miscellaneous
BLACK-ASH - JavaScript Front-end HTML Editor
JavaScript / Miscellaneous
iTabs Responsive Bootstrap Tabs
JavaScript / Miscellaneous
Tabs recent
JavaScript / Miscellaneous
fridge: Offline Data Storage. Stores Anything, Everywhere
JavaScript / Miscellaneous
HTML5 Responsive FAQ Showcase
Custom Select for Twitter Bootstrap 2
After successful payment, you will receive a download link for the source code