🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

fbSelect is a jQuery plugin to convert the normal Html select options into toggleable inline elements wrapped in a span container.

Select

Documentation

fbSelect

A lightweight jQuery plugin that transforms a standard HTML select input into a toggleable button that is fully customizable. Handles <optgroup>, disabled <option>, multiple <select>, blank/ default values.

Example

fbSelect screenshot

See demo for advanced usage!

Quick start

  1. Include CSS + jquery + javascript files.
<link rel="stylesheet" href="jquery.fbs.min.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="jquery.fbs.min.js"></script>
  1. Start fbSelect.
$('select').fbSelect();

Options

  • bClass (default: 'fbs') - CSS class name of created <button> that replaces <select>.
  • bClasses (default: ['fbs1','fbs2','fbs3']) - array of CSS class names to be toggled between each click on <button>.
  • skipNoValue (default: false) - set true to skip <option> with none/ blank values. (e.g.- <option></option>).

Requires

  • jQuery v1.6.0 and up
  • Major browsers, but IE 9+

Credits

jQuery Boilerplate

License

The MIT License (MIT).


You May Also Like