今天用layui寫前端頁面時候用到了通過jqurey中的befor追加select元素
一開始寫法:
執行人員
選擇部門
北京---
選擇人員張三
頁面內容:
翻閱layui官方api發現
layui會對select、checkbox、radio等原始元素隱藏,從而進行美化修飾處理。但這需要依賴於form元件,所以你必須載入 form,並且執行乙個例項。值得注意的是:導航的hover效果、tab選項卡等同理(它們需依賴 element 模組)
所以當新新增這些元素以後需要對頁面表單元素重新渲染一下
layui.use('form', function());
在script最後加上上面**
問題解決了
我用的layui 2.x版本其他版本可能會有差異
原文:
Layui表單Select動態渲染(原創)
文章目錄 隱藏 這幾天在做乙個功能時需要用到 select 動態渲染。但是我在渲染的時候始終不對,第一次始終不能渲染,而且隨著 select 個數增多渲染次數也要增加,然後回來剝離乙個 demo 結果又可以,白白浪費好久時間,最終發現還是有幾處不對。直接上 把 html js 注意事項 1.新增的時...
layui動態渲染生成select的option值
1 指令碼語言 設定預設值 直接拼接,然後根據返回值渲染select 動態渲染指令碼型別下拉框2 1.傳送ajax請求得到data3 2.將data渲染到頁面上 4function getdatalist else if data.scriptlanguage 1 else if data.scri...
layui追加或動態修改表單元素不生效
在layui的post中請求後台,獲取資料,資料獲取後修改html頁面中內容。問題 資料成功獲取後,使用html 方法修改元素不生效 解決方法 在 post中最後加上 form.render 官方解釋 有些時候,你的有些表單元素可能是動態插入的。這時 form模組 的自動化渲染是會對其失效的。雖然我...