Greasy Fork is available in English.

Select2

The jQuery replacement for select boxes

2016-11-21 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Select2
// @namespace    https://select2.github.io/
// @version      0.1
// @description  The jQuery replacement for select boxes
// @author       t_liang
// @include      *:*
// @grant        none
// ==/UserScript==

(function() {
	var selects = document.getElementsByTagName('select');
	if (selects.length) {
		var protocol = location.protocol == 'https:' ? 'https:' : 'http:',
			jQueryOnload = function() {
				jQuery(function($) {
					$.getScript(protocol + '//cdn.bootcss.com/select2/4.0.3/js/select2.min.js', function() {
						$(document.head).append('<link href="' + protocol + '//cdn.bootcss.com/select2/4.0.3/css/select2.min.css" rel="stylesheet">');
						$(selects).filter(':visible').select2();
					});
				});
			};
		if (typeof jQuery == 'function') {
			var morethan = '1.6.2'.split('.', 3), version = jQuery.fn.jquery.split('.', 3);
			if (Number(version[0]) > morethan[0] || Number(version[1]) > morethan[1] || Number(version[2]) > morethan[2]) {
				jQueryOnload();
				return;
			}
		}
		// append jQuery
		var jQueryScript = document.createElement('SCRIPT');
		jQueryScript.src = protocol + '//cdn.bootcss.com/jquery/3.1.1/jquery.min.js';
		jQueryScript.onload = jQueryOnload;
		document.head.appendChild(jQueryScript);
	}
})();