Layui表單Select動態渲染(原創)

2021-10-22 13:35:03 字數 406 閱讀 6957

文章目錄[隱藏]

這幾天在做乙個功能時需要用到 select 動態渲染。但是我在渲染的時候始終不對,第一次始終不能渲染,而且隨著 select 個數增多渲染次數也要增加,然後回來剝離乙個 demo 結果又可以,白白浪費好久時間,最終發現還是有幾處不對。

直接上**把:

html **:

js **

注意事項:

1. 新增的時候時,for 迴圈之新增 html 元素,不做渲染,

2. 查詢元素方法: $(layero).find(『#select11』)是這樣的,針對的是 layer 彈窗中

3. 最後記得渲染,form.render(『select』);

4. 如果不顯示記得新增這句話:var form = layui.form;

layui動態渲染生成select的option值

1 指令碼語言 設定預設值 直接拼接,然後根據返回值渲染select 動態渲染指令碼型別下拉框2 1.傳送ajax請求得到data3 2.將data渲染到頁面上 4function getdatalist else if data.scriptlanguage 1 else if data.scri...

layui動態追加select元素不顯示

今天用layui寫前端頁面時候用到了通過jqurey中的befor追加select元素 一開始寫法 執行人員 選擇部門 北京 選擇人員張三 頁面內容 翻閱layui官方api發現 layui會對select checkbox radio等原始元素隱藏,從而進行美化修飾處理。但這需要依賴於form元件...

layui表單提交

form method post div class layui form item label for l email class layui form label 郵箱 label div class layui input inline input type text id l email n...