A repository of over 1000 quality jQuery plugins

jQuery fbSelect

fbSelect is a jQuery Selectboxes plugin.

Created by FatBattk

Transforms a standard HTML select input into a push/click button that is fully customizable.

Not what you're looking for? Click here to view more Selectboxes jQuery plugins

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>
  2. 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 might also like these other Selectboxes jQuery Plugins

  • Dropdown

    A jQuery plugin for custom select elements.

  • Quick Select

    A jQuery plugin for quick selection of common options in select boxes. Selectual.

  • jQuery Facebook Multi ...

    A jQuery based Alternative Facebook Multi-Friend Selector that uses the Graph API
Download Github Page
License:

The MIT License (MIT)