layui渲染Select列表

2021-10-07 12:57:14 字數 1659 閱讀 3957

頁面**

="layui-inline" style=

"width: 22%;"

>

="layui-form-label"

>文章分類<

/label>

="layui-input-inline" style=

"width: 66%;"

>

"category" id=

"categorys" lay-verify=

"required"

>

"">請選擇<

/option>

<

/select>

<

/div>

<

/div>

$.

get(

"/category/findall.do",,

function

(data)};

form.

render

('select');

},"json"

);控制層

@restcontroller
("/category"

)public

class

categorycontroller

}渲染結果

本人實踐

="layui-form-item" style=

"margin-bottom: 20px"

>

="layui-form-label"

>所屬試卷<

/label>

="layui-input-inline"

>

"category" id=

"categorys" lay-verify=

"required"

>

"">請選擇<

/option>

<

/select>

<

/div>

<

/div>

layui.

use(

'form'

,function()

,function

(data)};

form.

render

('select');

},"json");

//各種基於事件的操作,下面會有進一步介紹})

;<

/script>postman資料返回參考

控制層

@responsebody
("/addoption"

)public list

addoption()

渲染效果

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實現列表查詢功能

官網說在查詢時的url必須設定非同步介面,so,如果我們不借助後台看起來這個效果好像是單靠前端是出不來,但,為了本地演示,這裡寫了乙個很low的方法,單靠show hide 方法來實現查詢效果 效果演示可以單不建議實際開發中使用該方法 以下 貼上複製便可直接使用 搜尋id 搜尋 layui.use ...