周大胖子 发表于 2018-11-27 10:49:02

layui select 下拉菜单 不能加载图标问题解决方案

你说气人不气人,layui 居然不自动渲染 select 内的 所有 html标签; 好家伙 那我直接给 select外层的div来个ID
<div class="layui-col-md12" id="lm-icon-select">
      <select name="icon" lay-verify="">
          <option value="">请选择图标</option>
          <option value="layui-icon-password"> 权限 </option>
          <option value="layui-icon-vercode"> 安全 </option>
          <option value="layui-icon-login-wechat"> 微信 </option>
          <option value="layui-icon-login-qq"> 腾讯QQ </option>
         
      </select>
      </div> // 刷新form
      form.render();

      // 循环添加图标 这个必须要加载 form.render() 后面; 因为我操作的是渲染后的 demo
      $("#lm-icon-select dd").each(function(i) {
          $(this).html(
            $(this).html() +
            '<i class="layui-icon ' +
            $(this).attr("lay-value") +
            '"></i>'
          );
      });

页: [1]
查看完整版本: layui select 下拉菜单 不能加载图标问题解决方案