bootstrap select插件的使用

很多时候我们需要做一些可以多选的下拉选择框，这时候bootstrap的select插件就开始装逼了

1. 首先下载bootstrap select 插件的js文件，这里就不贴资源了，自己去百度找一下吧，很多的
2. 然后引入所需的js文件`

 <script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/bootstrap-select.js"></script>

下拉框是需要popper.js的，资源后面在贴吧，私人电脑里没准备

1. 很多时候我们都是需要动态加载的，所以发起ajax向后台请求，注意，此时如果你是用的vue的 v-for来绑定的话是没有效果的，因为动态数据是在文档加载完成后才去请求的，这时标签是不会被动态添加的。还是老老实实用append吧

  $.ajax({
            url: '/Role/findAllRole',
            type: 'POST',
            success: function (data) {
                $.each(data, function (index, item) {
                    $("#selector").append("<option value='" + data[index].role_id + "'>" + data[index].role_name + "</option>");
                });
                //更新界面ui。
                $('#selector').selectpicker('refresh');
                //重新渲染
                $('#selector').selectpicker('render');

            }
        });

注意：最后的两个更新ui和强制重新渲染一定不能忘，不然也没效果