Select2简介
稍微熟悉HTML的童鞋都知道<select>
标签是一个很常用标签,可是CSS对它的支持程度比较低,美化起来很困难。而 Select2 可以帮我们实现美化<select>
标签的目的。以后浏览器可能会对原生<select>
的美化进行支持,不过一时半会儿也普及不了。Select2 的实现原理还是比较简单的,就是获取现有的原生<select>
的选项,然后用<div>
、<span>
、<ul>
、<li>
等HTML标签组合成一个新的下拉选项,然后隐藏原生的<select>
。
当然了,Select2的发展已经有些年头了,支持的功能也越来越多,例如多选框等等。。
Select2使用方法
Select2是一款 JQuery插件,使用之前,必须先在页面中引入 JQuery。剩下的工作就跟其他JavaScript插件的用法差不多了,引入Select2的js和css文件之后,进行初始化即可。
初始化代码示例:
$(document).ready(function() {
$('.js-example-basic-single').select2();
});