WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

Custom Select for Twitter Bootstrap 2

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Custom Select for Twitter Bootstrap 2 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

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)


Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
16 May 13

Last Update:
15 August 13

Compatible Browsers:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, CSS

Software Version:
jQuery

Keywords

eCommerce, eCommerce, All Items, custom dropdown, custom select, jquery, plugin, responsive, twitter bootstrap