select下拉框多选

html 页面

 <link type="text/css"  ref="__static__/selectmore/fSelect.css" />
<div id="main_demo" >
    <div class="demo_container">
    	<div class="fselect-wrap multiple"></div>
 	</div>
 </div>

js代码,要引入jquery

function banben(){
            $(".fselect-wrap").html(''); //下次调用先删除
            $.ajax({  
                type: "get",  
                url: "{:url($module.'/'.$controller.'/$action')}",  
                data:data,  
                dataType: "json",  
                success: function(msg){  
                    msg = eval('(' + msg + ')');
                    var data=msg.datas;
                    var html='';
                    var html='<select class="demo_select hidden" multiple="multiple"><optgroup label="标签">';
                    if(data !== null){
                        $.each(data,function(i,item){
                            html+='<option value="'+item.id+'">'+item.name+'</option>'
                        });
                        
                    }
                    // console.log(html);
                    html+='</optgroup></select>';
                    $(".fselect-wrap").html(html);
                    selectdemo();
                 }, 
            }); 
        }
        banben(); 
        function selectdemo(){
            $('.demo_select').fSelect();
        };

js和css地址
https://download.csdn.net/download/qq_42909145/12236465