jQuery Custom Select

This plug-in allow you customize your form select select options easily and with a small library.

See full code here
Contribute! Just fork!

Example One:

Simple use, just define the current select class:

$('.select-one').customSelect();

Example Two:

Adding a custom title to your select (default - ):

$('.select-two').customSelect({
  defaultText: 'Select your option here'
});

Example Three:

Changing click element (default p):

$('.select-three').customSelect({
  defaultElement: 'h5',
  defaultText: 'Here is a H5 element select'
});

Example Four:

Animation speed (default 100 - here using 600):

$('.select-four').customSelect({
  animationSpeed: 600
});

Example Five:

Submit form when select an option (default false):
An element as submit type exist, it will be hidden.

$('.select-five').customSelect({
  autoFormSubmit: true,
  defaultText: 'Select an option to submit form'
});

Example Six:

This option allow your select options to display a search filter, this way you might find your option just typing the initial word. (default false):

$('.select-six').customSelect({
  searchField: true,
  searchText: 'Search your option here...' // optional
});
Willian Keller