关于引入layui下拉框失效的几种原因

项目场景：

提示：引入layui下拉框后失效：

---

问题描述：

<div class="layui-form-item">
  <label class="layui-form-label">***类型</label>
    <div class="layui-input-block">
	  <select name="city" lay-verify="required">
	    <option value="">请选择</option>
		<option value="0"></option>
		<option value="0"></option>
		<option value="0"></option>
		<option value="0"></option>
		<option value="0"></option>
	  </select>
  </div>
</div>
     

---

解决方案：

layui的引入有时需要js激活，select就是其中一种，还有的话就是仔细检查一下标签是否没闭合

layui.use(["form","table"], function(){
 var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
 
	//但是，如果你的HTML是动态生成的，自动渲染就会失效
	//因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
	form.render();
});