layui動態追加select元素不顯示

2021-09-23 14:25:46 字數 440 閱讀 7095

今天用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模組 的自動化渲染是會對其失效的。雖然我...