jQuery Selecter Examples

Basic Example

Option Groups

Selecter automatically detects optgroup tags, allowing you to style groups:

Multiple

Selecter will also automatically detect mutiple select elements:

Default Label

The default label will be displayed on initiallization instead of the selected element.

Links

The options can also be links, think "jump navigation":

External Links

The links can also open in a new window or tab:

Cover

The options list can cover the handle, sort of Safari-style:

Mobile

The mobile pop-up has been removed as of version 1.9.3, instead Selecter allows the mobile browser to handle all interactions. This ensures a better experience for the user and simplifies mobile development, making Selecter the perfect way to style a select element consistently across all browsers.

Class

Define a custom CSS class to have multiple visually distinct Selecters on the same page:

Callback

The function passed as a callback will receive the newly selected value as the first parameter:

Disabling

Selecter will automatically detect disabled fields, but you can always manually trigger the disable or enable event:

Enable