用layui实现下拉框select多选，取值

 

首先需要的js及css，可以直接在layui官网上下载：https://www.layui.com/

相关引用：

增加如下测试html代码：

        

            

                

                    

                        城市●
                        

                            
                                
                                北京
                                上海
                                天津
                                重庆
                            
                        
                    
                
                

                    

                        获取

                       
                    
                
            
        
    

配置select多选相关：

到这一步，已经能显示多选效果了，如图：

 

接下来就直接获取选择的值就行了：

如果你的select下拉框数据是动态获取的，layui动态渲染之后，需要formSelects.render(); 为 select 框再次渲染。

 更详细的文档，可以参考：https://hnzzmsf.github.io/example/example_v4.html#select_value

 总结：layui还是相对不错的前端框架，在一些项目中，都会看到它的身影。