layui select不显示

layui的表单元素必须包裹在一个类名为 class="layui-form"的元素里面，才会更新渲染，不过最好是用form标签，用div的话也可以，但是一定要记得加上述的类名

<form class="layui-form" >
 <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="1">上海</option>
        <option value="2">广州</option>
        <option value="3">深圳</option>
        <option value="4">杭州</option>
      </select>
    </div>
  </div>
</form>

<script>
//Demo
layui.use('form', function(){
  var form = layui.form; //必须加上这句话，才会渲染出新的标签来
  

});
</script>

如果表单元素是动态渲染的话，我们需要去手动更新渲染，

<script>
//Demo
layui.use('form', function(){
  var form = layui.form; //必须加上这句话，才会渲染出新的标签来
  
form.render();//加上这句话就重新渲染了
});
</script>

动态渲染的元素不仅仅是通过接口数据来渲染的元素，还有弹出层里的元素也需要重新渲染才会出现
比如iframe，layui的弹出层等等