https://github.com/netsells/selectify
A jQuery plugin to allow the styling of Form <select> elements.
https://github.com/netsells/selectify
Last synced: about 1 month ago
JSON representation
A jQuery plugin to allow the styling of Form <select> elements.
- Host: GitHub
- URL: https://github.com/netsells/selectify
- Owner: netsells
- License: mit
- Created: 2013-09-06T10:06:53.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2013-09-06T10:21:07.000Z (over 11 years ago)
- Last Synced: 2025-02-02T18:51:58.428Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 113 KB
- Stars: 0
- Watchers: 17
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#Selectify
Selectify is a jQuery plugin to allow the styling of Form `` elements.
##Installation
Just like any other jQuery plugin.
##Usage
Make all the selects fancy `$('select').selectify();`
Make the select where id="fancy-me" `$("#fancy-me").selectify();`
##Options
containerDiv (Default: selectifyContainer)
currentItem (Default: currentItem)
width (Default: 250px)
arrowContainer (Defaint: arrowContainer)
arrowCharacter (Default: \\\/)
##Additional Options
###Disabled elements
If the `` is disabled, this item will not be clickable on the fancy select.
###Override width per select
Suppose you have one (or a few) `` elements on a page that you want to be wider than others, instead of adding multiple `.selectify()` calls, simply add `data-width="350"` to the ul element.
Example: ``