基于layui实现select区域联动

要实现联动效果注意两点：

第一要可以监听到select的change事件；

第二异步加载的内容，需要重新渲染后才可以 正常使用。

Html结构：

    

        

            选择地区
            

                
                    请选择省
                
            
            

                
                    请选择市
                
            
            

                
                    请选择区/县
                
            
        
        

            选择地区
            

                
                    请选择乡镇/街道
                
            
            
                
                    
                
            
        
    

js：

总结：

1、select的chage监听事件使用

form.on('select(myselect)', function(data){}）  其中myselect是select的 lay-filter属性值

2、数据异步加载到select的option中之后，点击该select会发现layui的选中效果不起作用，需要使用form.render('select');重新渲染一次，就可以正常使用。

更多layui知识请关注PHP中文网layui教程栏目

以上是基于layui实现select区域联动的详细内容。更多信息请关注PHP中文网其他相关文章！