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


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.


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.


  • 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>).


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


jQuery Boilerplate


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


The MIT License (MIT)