layui form.render('select', 'test2') 更新渲染的方法
如下所示:
<div class="layui-form" lay-filter="test1">
…
</div>
<div class="layui-form" lay-filter="test2">
…
</div>
【JavaScript】
form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器內(nèi)的全部表單狀態(tài)
form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器內(nèi)的全部 select 狀態(tài)
//……
重點(diǎn):
<div class="layui-form" lay-filter="test2">
1、要加這個(gè)樣式:class="layui-form"
2、要加這個(gè)屬性:lay-filter="test2"
3、樣式和屬性不能加到本身控件中,就像下面的錯(cuò)誤做法
例子:下拉框
錯(cuò)誤用法:
<div class="layui-col-md6" >
<select name="hm2" id="hm2" lay-verify="required" class="layui-form" lay-filter="hm2">
<option value="">辦理細(xì)類(lèi)</option>
</select>
</div>
正確用法:
<div class="layui-form layui-col-md6" lay-filter="hm2">
<select name="hm2" id="hm2" lay-verify="required" >
<option value="">辦理細(xì)類(lèi)</option>
</select>
</div>
官方文檔:https://www.layui.com/doc/modules/form.html#render
以上這篇layui form.render('select', 'test2') 更新渲染的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- layui 解決富文本框form表單提交為空的問(wèn)題
- 淺談layui 綁定form submit提交表單的注意事項(xiàng)
- layui實(shí)現(xiàn)form表單同時(shí)提交數(shù)據(jù)和文件的代碼
- 使用layui前端框架彈出form表單以及提交的示例
- layui form表單提交后實(shí)現(xiàn)自動(dòng)刷新
- layui 解決form表單點(diǎn)擊無(wú)反應(yīng)的問(wèn)題
- layui使用form表單實(shí)現(xiàn)post請(qǐng)求頁(yè)面跳轉(zhuǎn)的方法
- layui的form.on的使用示例詳解
相關(guān)文章
JS實(shí)現(xiàn)圖片無(wú)間斷滾動(dòng)代碼匯總
這篇文章主要介紹了JS實(shí)現(xiàn)圖片無(wú)間斷滾動(dòng)代碼匯總,非常實(shí)用的特效代碼,需要的朋友可以參考下2014-07-07
如何在TypeScript中正確的遍歷一個(gè)對(duì)象
JavaScript實(shí)現(xiàn)的數(shù)字與字符串轉(zhuǎn)換功能示例
JavaScript實(shí)現(xiàn)多欄目切換效果
深入理解js generator數(shù)據(jù)類(lèi)型
js將滾動(dòng)條滾動(dòng)到指定位置的簡(jiǎn)單實(shí)現(xiàn)方法

