VanillaJS Custom Selectbox
Was inspired by jQuery Selectbox Plugin
##Using
Just add sb-init class to a select. If you need to add custom class add data-sb-custom attribute with this classname
<select class="sb-init" data-sb-custom="custom-selectbox-class">
<option>...</option>
<option>...</option>
<option>...</option>
</select>or
var sb = Selectbox(selector, settings);##Settings
custom - className for selectbox containers. data-sb-custom attribute have more priority.
Callbacks:
onInit,
onChange,
onOpen,
onClose,
onEnable,
onDisable
Callbacks also can be added after initializing (onInit will not be called):
setTimeout(function () {
Selectbox('.sb-init', {
onOpen: function () {
console.log('Open');
}
});
},);##Methods
sb.attach() - create custom selectbox with select element. Call by constructor
sb.detach() - destroy custom selectbox
sb.enable() - unlock selectbox
sb.disable() - lock selectbox
sb.open() - open select list
sb.close() - minimize select list
##License
Copyright (c) 2014 Bogdan Chadkin