https://github.com/koala-framework/ingeniousselectjs
Ingeniousselect is a small jQuery plugin. It makes one or more select elements styleable.
https://github.com/koala-framework/ingeniousselectjs
Last synced: about 1 year ago
JSON representation
Ingeniousselect is a small jQuery plugin. It makes one or more select elements styleable.
- Host: GitHub
- URL: https://github.com/koala-framework/ingeniousselectjs
- Owner: koala-framework
- License: bsd-2-clause
- Created: 2016-12-13T14:10:39.000Z (over 9 years ago)
- Default Branch: 1.3
- Last Pushed: 2021-07-06T09:57:43.000Z (almost 5 years ago)
- Last Synced: 2025-05-18T16:06:01.417Z (about 1 year ago)
- Language: JavaScript
- Size: 30.3 KB
- Stars: 2
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: COPYING
Awesome Lists containing this project
README
# IngeniousSelectjs
Ingeniousselect is a small jQuery plugin, that makes one or more select elements styleable. It could be used as an alternativ for selectric. The problem with selectric is that you don't get a change-event if the value of the original select is set with vanilla-javacript or if the optionslist changes on the fly. Ingeniousselect doesn't have these problems, because it uses the original selectfield. The options are copied to a separate div-structure that will update on every click on the select.
## Usage
```javascript
$('.mySelect').ingeniousselect();
```
## Options
Set your own class-prefix:
```javascript
$('.mySelect').ingeniousselect({
prefix: 'yourPrefix'
});
```
Set a minWidth, up to this width native selectoptions will be used. Default is 768px. If you don't want to use native selectoptions, then set it to 0.
```javascript
$('.mySelect').ingeniousselect({
minDeviceWidth: 768
});
```
### Supports
Desktop: IE9+, Edge, actual Chrome, Firefox and Safari
Mobile: Android Browser 5.0, Chrome Mobile, Mobile Safari 7.0+