FancySelect – A better & beautiful select

FancySelect is a lovingly crafted plugin created by  Octopus Creative and it is aiming to provide a better looking anf fancy select for all the web developers. It is dead easy to use and you just need to target any select element on the page, and call .fancySelect() on it.  You can download the plugin from Github and if you have any ideas how you can contribute and make it better, you can get in toch with the guys from Octopus Creative.

FancySelect - A better select for discerning web developers


Basic Usage

FancySelect is easy to use. Just target any select element on the page, and call .fancySelect() on it. If the select has an option with no value, it’ll be used as a sort of placeholder text.

By default, FancySelect uses native selects and styles only the trigger on mobile devices. To override this, pass an object with forceMobile set to true when initializing it.


<select class="basic">
  <option value="">Select something…</option>



Updating Options

If the options in your select change after initializing FancySelect, you can tell it to rebuild the list of options by triggering replace on the select element.


var mySelect = $('.my-select');




You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *