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?x56871"></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.

  • jQuery SelectBoxIt JS

    A jQuery Select Box Plugin for Mobile, Tablet, and Desktop

  • Imgareaselect

    ImgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image croppin...

 Views
 Downloads

Download Github Page
License:

The MIT License (MIT)