71 lines
1.7 KiB
JavaScript
71 lines
1.7 KiB
JavaScript
|
/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
||
|
|
(function(addon) {
|
||
|
|
|
||
|
|
var component;
|
||
|
|
|
||
|
|
if (window.UIkit) {
|
||
|
|
component = addon(UIkit);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof define == "function" && define.amd) {
|
||
|
|
define("uikit-form-select", ["uikit"], function(){
|
||
|
|
return component || addon(UIkit);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
})(function(UI){
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
UI.component('formSelect', {
|
||
|
|
|
||
|
|
defaults: {
|
||
|
|
'target': '>span:first',
|
||
|
|
'activeClass': 'uk-active'
|
||
|
|
},
|
||
|
|
|
||
|
|
boot: function() {
|
||
|
|
// init code
|
||
|
|
UI.ready(function(context) {
|
||
|
|
|
||
|
|
UI.$("[data-uk-form-select]", context).each(function(){
|
||
|
|
|
||
|
|
var ele = UI.$(this);
|
||
|
|
|
||
|
|
if (!ele.data("formSelect")) {
|
||
|
|
var obj = UI.formSelect(ele, UI.Utils.options(ele.attr("data-uk-form-select")));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
var $this = this;
|
||
|
|
|
||
|
|
this.target = this.find(this.options.target);
|
||
|
|
this.select = this.find('select');
|
||
|
|
|
||
|
|
// init + on change event
|
||
|
|
this.select.on("change", (function(){
|
||
|
|
|
||
|
|
var select = $this.select[0], fn = function(){
|
||
|
|
|
||
|
|
try {
|
||
|
|
$this.target.text(select.options[select.selectedIndex].text);
|
||
|
|
} catch(e) {}
|
||
|
|
|
||
|
|
$this.element[$this.select.val() ? 'addClass':'removeClass']($this.options.activeClass);
|
||
|
|
|
||
|
|
return fn;
|
||
|
|
};
|
||
|
|
|
||
|
|
return fn();
|
||
|
|
})());
|
||
|
|
|
||
|
|
this.element.data("formSelect", this);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return UI.formSelect;
|
||
|
|
});
|