頁面**
="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 ...