2021-06-25 layui form.render(‘select‘, ‘test2‘) 更新渲染失效问题

参考链接

下面是layui官方给的例子

<div class="layui-form" lay-filter="test1">
 …
</div>
 
<div class="layui-form" lay-filter="test2">
 …
</div>
   
【JavaScript】
form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器内的全部 select 状态

重点：

1、样式  class="layui-form"  要加到div标签，不要加到本身控件

2、属性  lay-filter="test2"  同样要加到div标签中

3、 样式和属性不能加到本身控件中

错误做法

<label class="layui-form-label">项目</label>
<div class="layui-input-block layui-form">
	<select id="item" name="item" lay-filter="item">
		<option value="">请选择</option>
	</select>
</div>

js代码
form.render('select', 'item'); //更新 lay-filter="item" 所在容器内的全部 select 状态

正确做法

<label class="layui-form-label">项目</label>
<div class="layui-input-block layui-form" lay-filter="item">
	<select id="item" name="item">
		<option value="">请选择</option>
	</select>
</div>

js代码
form.render('select', 'item'); //更新 lay-filter="item" 所在容器内的全部 select 状态