layui的一些问题总结及解决办法

1.layui的input后加按钮且不换行  

<div class="layui-form-item">
         <label class="layui-form-label">供应商名称:</label>
        <div class="layui-input-inline">   -- 修改此处class即可 
        <input type="text" name="NAME" required  lay-verify="required"  class="layui-input">
        </div>
        <button type="button" class="layui-btn">选择</button>
  </div>    

2.修改input框的长度（包括select的选择框）：

.layui-input-block{width:300px;} 

3.label标签文字不换行：

.layui-form-label{padding-left: 0px; white-space:nowrap;}

4.select标签动态加载option不显示数据

<div class="layui-form-item">
    <label class="layui-form-label"><font style="color: red;">*</font>商品品目</label>
    <div class="layui-input-block layui-form" lay-filter="form1">
      <select name="PMMC" id="PMMC">
      </select>
    </div>
  </div>

-- select所在容器类属性追加值  layui-form,

  添加新属性 lay-filter="form1" (值随意）

扫描二维码关注公众号，回复： 9618023 查看本文章

 动态拼接玩字符串后，重新渲染下拉框:

 var form = layui.form;

 form.render('select','form1');   --重新渲染form1容器下的select元素