关于select2插件使用和一些小细节的调整（本地引用select2附上select2插件下载）

Select2是一款基于JQuery的下拉列表插件，主要用来优化select，支持单选和多选，同时也支持分组显示、列表检索、远程获取数据等众多好用的功能

基本使用

下载链接select2插件（点击下载）

1.下载select2的js和对应的css文件，放在项目指定的文件夹里，然后在自己的项目里引入，

（注：由于Select2是基于Jquery的，所以要先引入Jquery）

2.初始化Select2

<select class="form-control" id="mySelect">
    <option value="">-----单选-----</option>
    <option value="1">OPS-COFFEE-A</option>
    <option value="2">OPS-COFFEE-B</option>
    <option value="3">OPS-COFFEE-C</option>
    <option value="4">OPS-COFFEE-D</option>
    <option value="5">OPS-COFFEE-E</option>
    <option value="6">OPS-COFFEE-F</option>
</select>

<script>
    var selectorx = $('#mySelect').select2();
</script>
           

3.完成以上两步可以看出页面效果

但是你会发现如果在select下拉里搜索不在范围内的数据的时候显示no results found,下面教你如何修改提示文字

$("#mySelect").select2({

language: {

noResults: function(params) {

return “暂无数据”;

}

}

});