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