select2 插件使用

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();
                                    });