layui使用select遇坑之一

前言：

使用select时遇到样式无法正常加载

解决：

在父级加上class属性 layui-form

<div class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
    <div class="layui-form-item">
      <label class="layui-form-label">下拉选择框</label>
      <div class="layui-input-block">
        <select name="interest" lay-filter="aihao">
          <option value="0">写作</option>
          <option value="1">阅读</option>
        </select>
      </div>
    </div>
</div>

小知识：

选择时触发事件获取value值

    <script>
        layui.use("form",function(){
            var form = layui.form;
　　　　　　　　　　//on("select(lay-filter属性的值)") 

form.on("select(aihao)",function(data){
　　 　　console.log(data.value) 
 　　}) 
 }) 

</script>