這種問題發生的原因:layui會對表單內的元素進行二次渲染,動態新增的**沒有經過再次渲染,所以顯示異常。
官方文件其實也有提及這個問題和解決方法
解決方法:動態新增元素後,使用form.render()手動觸發渲染,如下**所示:
layui.use(['form'], function () );
});
另外附上layui動態新增radio元素的方法:
function addthing(radiogroup, data)
}
layui 表單元素的選中問題
layui對表單元素都作了美化,比如下拉列表,單選框,多選框.對表單美化後相應元素的操作,其實是在layui處理過後的div上操作,不能真的反映在原始我們編寫的表單的元素上.這也會出現乙個問題,如果想用js對表單做些預處理,怎麼做?操作原始的元素並不會展現在layui處理過的表單中的,那我們就對la...
element ui 動態新增的表單元素驗證
v for item,index in maintenanceform.doctypelist key index label i18n.locale zh cn item.doctypecname item.doctypeename required class d2 mb 0 class d2 ...
layui追加或動態修改表單元素不生效
在layui的post中請求後台,獲取資料,資料獲取後修改html頁面中內容。問題 資料成功獲取後,使用html 方法修改元素不生效 解決方法 在 post中最後加上 form.render 官方解釋 有些時候,你的有些表單元素可能是動態插入的。這時 form模組 的自動化渲染是會對其失效的。雖然我...