Bootstrap 下拉多选插件bootstrap-select

下载地址：https://github.com/silviomoreto/bootstrap-select

文档参考：http://developer.snapappointments.com/bootstrap-select/

     下载解压之后放到项目下，引入 css 和 js :

1、基本单选使用：.selectpicker 类

                        

                            省份：
                            
                                浙江省
                                江苏省
                                福建省
                                湖南省
                                山东省
                            
                        

2、支持多选：multiple 属性

                            
                                浙江省
                                江苏省
                                福建省
                                湖南省
                                山东省
                            

3、组件加搜索功能：data-live-search="true" 属性

                            
                                浙江省
                                江苏省
                                福建省
                                湖南省
                                山东省
                            

4、选项分组：

                            
                                
                                    杭州市
                                    宁波市
                                    嘉兴市
                                
                                
                                    烟台
                                    青岛
                                    济南
                                
                            

5、设置最多选中项的数量：（最多选2个），data-max-options="2"；  selected 属性 默认选中,  disabled 禁用选项

       浙江省
       江苏省
       福建省
       湖南省
       山东省

1、组件取值： 选择器 .val() 取值

    单选： 取值为一个值

    多选： 取值为一个数组

    $(".selectpicker").on("change",function () {
        alert($(".selectpicker").val());
        console.log($(".selectpicker").val());
    });

2、组件赋值：选择器 .val('山东省') 取值 无效

  单选赋值：

    $('.selectpicker').selectpicker('val', '山东省');

  多选赋值：

    $('.selectpicker').selectpicker('val', ['浙江省','湖南省','山东省']);