Greasy Fork is available in English.
The jQuery replacement for select boxes
// ==UserScript==
// @name Select2
// @namespace https://select2.github.io/
// @version 0.9.3
// @description The jQuery replacement for select boxes
// @author t_liang
// @include *:*
// @exclude *://select2.org/*
// @exclude *://app.yinxiang.com/*
// @exclude *://www.instagram.com/*
// @exclude *://*.tmall.com/*
// @exclude *://*.taobao.com/*
// @exclude *://www.google.co*
// @grant none
// ==/UserScript==
/*
History
0.1 初始版本
0.2 修复版本比较错误，versionMoreThan
0.3 jQuery.noConflict(true)
0.4 支持jQuery.ajax
0.5 exclude app.yinxiang.com
0.6 use setInterval
0.7 config, setTimeout, zIndex
0.8 templateResult matcher
0.9 add group matcher
*/
/*
(function(factory) {
debugger;
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define([ 'jquery' ], factory);
} else if (typeof exports === 'object') {
// Node/CommonJS
factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
})(console.log);
*/
// console.log(arguments);
setTimeout(function() {
// config
var config = {
ignore : [
'typeof Vue == "function"',
'typeof jQuery == "function" && typeof jQuery.fn.selectpicker == "function"'
],
jquery : {
_1_3_2 : '1.3.2', // 无 jQuery.expando jQuery._data
_1_6_4 : '1.6.4', // select2 渲染正常 支持事件
js : '//cdn.bootcss.com/jquery/3.2.1/jquery.min.js'
},
select2 : {
js : '//cdn.bootcss.com/select2/4.0.3/js/select2.min.js',
css : '//cdn.bootcss.com/select2/4.0.3/css/select2.min.css'
},
timeout : 3000,
interval : 3000,
minWidth : 147
};
// ignore
for (var i = config.ignore.length - 1; i >= 0; i--) {
if (eval(config.ignore[i])) {
return;
}
}
var noConflict,
protocol = location.protocol == 'https:' ? 'https:' : 'http:',
jQueryOnload = function() {
jQuery(function($) {
$.ajaxSetup({
cache : true
});
var $head = $(document.head),
select2Onload = function() {
noConflict && $.noConflict(true);
// console.log($.fn.select2, location.href);
$head.append('<style>span.select2-dropdown{z-index:99999 !important;}</style>');
setInterval(function() {
$('select:not(.select2-hidden-accessible,.select2-offscreen,[multiple])').filter(':visible').each(function() {
if (typeof jQuery == 'function' && !versionMoreThan(jQuery.fn.jquery, config.jquery._1_6_4) &&
(jQuery.cache ? jQuery.cache[this[jQuery.expando]] : jQuery._data(this))) {
return true;
}
var $this = $(this),
$options = $this.find('option'),
$firstOption = $options.first();
$options.length > 2 && $this.select2({
width : Math.max($this.width(), config.minWidth),
dropdownAutoWidth : true,
placeholder : $firstOption.val() ? '' : $firstOption.text(), //for allowClear
allowClear : true,
templateResult : function(option, Eoption) {
if (option.loading || !option.id) {
return option.text;
}
return '[' + option.id + ']' + option.text;
},
matcher : function(params, option) {
var term = $.trim(params.term).toUpperCase();
if (!term) {
return option;
}
if ('id' in option) {
if (option.text.toUpperCase().indexOf(term) > -1 ||
option.id.toUpperCase().indexOf(term) > -1) {
return option;
}
} else {
var filteredChildren = [];
$.each(option.children, function(idx, child) {
if (child.text.toUpperCase().indexOf(term) > -1 ||
child.id.toUpperCase().indexOf(term) > -1) {
filteredChildren.push(child);
}
});
if (filteredChildren.length) {
return $.extend({}, option, {
children : filteredChildren
});
}
}
return null;
}
});
});
}, config.interval);
};
if ($.isFunction($.fn.select2)) {
select2Onload();
} else {
$head.append('<link href="' + (protocol + config.select2.css) + '" rel="stylesheet">');
$.getScript(protocol + config.select2.js, select2Onload);
}
});
},
/** 版本比较: 大于 */
versionMoreThan = function(version, moreThan) {
version = version.split('.');
moreThan = moreThan.split('.');
for (var i = 0; i < version.length; i++) {
var moreThan_i = i < moreThan.length ? Number(moreThan[i]) : 0;
if (version[i] > moreThan_i) {
return true;
} else if (version[i] < moreThan_i) {
return false;
}
}
return false;
};
// TODO enter
if (typeof jQuery == 'function') {
if (versionMoreThan(jQuery.fn.jquery, config.jquery._1_6_4)) {
jQueryOnload();
return;
} else if (!versionMoreThan(jQuery.fn.jquery, config.jquery._1_3_2)) {
return;
}
}
// append jQuery
noConflict = true;
setTimeout(function() {
var jQueryScript = document.createElement('SCRIPT');
jQueryScript.src = protocol + config.jquery.js;
jQueryScript.onload = jQueryOnload;
document.head.appendChild(jQueryScript);
}, config.timeout);
}, 3000);