下拉框插件select2的使用

无意中要用的下拉框,于是就研究了下select2
它的优点有:
样式还算好看,支持多选,支持索搜
下面来介绍下select2的用法

1.最简单的用法
只需要加载css和js即可使用


    

再来张效果图


下拉框插件select2的使用_第1张图片
图片.png

注意:这个 放大镜(搜索图)需要放在和css,js同级

2.支持多选
加上一个 multiple='mutiple'的属性就好了

    
下拉框插件select2的使用_第2张图片
图片.png

3.国际化(多语言)
默认是英文的提示
我们需要引入中文js
然后

 $("#test").select2({
            language: "zh-CN"
        });

完整代码




    
    select
    
    
    
    


    
    


下拉框插件select2的使用_第3张图片
图片.png

3.默认赋值

 $("#test").val([1,2,3]).trigger('change');

这样给select赋值,支持多项

你可能感兴趣的:(下拉框插件select2的使用)