layui下select下拉框不显示或没有效果的原因

弹层layer选择框没有样式_不可点击_渲染失效的解决办法

一、必须给表单体系所在的父元素加上 class="layui-form"

在一个容器中设定 class="layui-form"  来标识一个表单元素块，如果你不想用 form，你可以换成 div 等任何一个普通元素（推荐用 form）；记得要在 外层容器 中定义 class="layui-form"，form 模块才能正常工作。

 

二、更新渲

有些时候，你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然 layui 不支持双向绑定机制，但没有关系，你只需要执行 form.render(type, filter); 方法即可。

第一个参数：type，为表单的 type 类型，可选。默认对全部类型的表单进行一次更新。可局部刷新的 type 如下表：

三、调用依赖加载模块：form 

当你使用表单时，layui 会对 select、checkbox、radio 等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于 form 组件，所以你必须加载 form，并且执行一个实例；

在这之前，你需要保证引入 js 的路径是否正确，也就是要注意 layui 已经成功的引入进来。（这就是一个很明显的路径错误：Uncaught ReferenceError: layui is not defined）