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

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.1/jquery.min.js"></script>
<script src="jquery.fbs.min.js"></script>

2. Start fbSelect.

$('select').fbSelect();

Options

• spanClass (default: 'fbs') - CSS class name of created <span> that replaces <select>.
• spanClasses (default: ['fbs1','fbs2','fbs3']) - array of CSS class names to be toggled between each click on <span>.
• 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).