Selecty
A simple, light and pretty pure javascript for developing <select>
with customized style which is following Google's Material Design guidelines. Obviously, no need other library.
Usage
1. Download Code
you can install selecty with npm
npm install selecty
or with bower
bower install selecty
or download the package manually
2. Include
include JavaScript and CSS files in your HTML
<script src="dist/selecty.min.js"></script> <link rel="stylesheet" type="text/css" href="dist/selecty.min.css">
3. Use
pure javascript
var a = new selecty('#id');
or
var a = new selecty(document.getElementById('ID'));
jQuery
$('#ID').selecty(options);
Examples
you can run example local with gulp if node has been installed:
cd selecty npm install gulp
or test it on jsfiddle
Options
name | type | default | description |
---|---|---|---|
separator | string | ', ' | separate the selected options with this separator if <select> is multiple |
Browser support
Selecty is tested and works in:
- IE8+
- Latest Stable: Firefox, Chrome, Safari, Edge
- Android 4.0 and Latest
- iOS7 and Latest
Contributing
If you have good ideas or suggestions, please issue or pull request
License
Selecty is licensed under MIT