select2 插件使用

来源:互联网 发布:川师大杀人案知乎 编辑:程序博客网 时间:2024/04/25 22:19

select2是带搜索框的可多选下拉选择框插件,在github上的项目地址:https://select2.github.io/。
使用文档:https://select2.github.io/examples.html。本来想load远程数据,但是由于select2版本的问题,提示不能使用标签,太麻烦,就直接先将select选项加载下来,然后再初始化为select2控件,实现目的。代码如下:

$.each(data, function(n, value) {                              $("#select-category").append('<option id="'+value.id+'" value="'+value.id+'">'+value.name+'</option>');                        });                                             //初始化select2控件                        $("#select-category").select2({                            placeholder: '选择研究类别',                            allowClear: true                            }).on('select2-open', function()                                    {                                        // Adding Custom Scrollbar                                        $(this).data('select2').results.addClass('overflow-hidden').perfectScrollbar();                                    }); 
0 0
原创粉丝点击