問題:在彈框layer.open 中使用layui的form組件下的select 樣式無法顯示
解決方法:
在layer.open的success下添加代碼form.render('select')
addLabelmodel = layer.open({
type: 1,
skin: 'layui-layer-rim', //加上邊框
area: ['800px', '640px'], //寬高
content: '<div style="margin-top: 50px">\n' +
' <form class="layui-form">\n' +
' <div class="layui-form-item">\n' +
' <div class="layui-inline">\n' +
' <label class="layui-form-label" style="width: 200px">模塊</label>\n' +
' <div class="layui-input-inline">\n' +
' <select name="mid" id="mid">\n' +
' <option value="">請選擇模塊</option>\n' +
' </select>\n' +
' </div>\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item">\n' +
' <div class="layui-inline">\n' +
' <label class="layui-form-label" style="width: 200px">目錄</label>\n' +
' <div class="layui-input-inline">\n' +
' <select name="quiz">\n' +
' <option value="0">根目錄</option>\n' +
' <optgroup label="城市記憶">\n' +
' <option value="你工作的第一個城市">你工作的第一個城市</option>\n' +
' </optgroup>\n' +
' <optgroup label="學生時代">\n' +
' <option value="你的工號">你的工號</option>\n' +
' <option value="你最喜歡的老師">你最喜歡的老師</option>\n' +
' </optgroup>\n' +
' </select>\n' +
' </div>\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item">\n' +
' <label class="layui-form-label" style="width: 200px">類別名稱</label>\n' +
' <div class="layui-input-block">\n' +
' <input type="text" name="name" id="mokuainame" lay-verify="title" autocomplete="off" placeholder="請輸入模塊名稱" class="layui-input" style="width: 500px">\n' +
' </div>\n' +
' </div>\n' +
' </form>\n' +
' <button type="button" class="layui-btn layui-btn-normal" onclick="">提交數據</button>\n' +
' </div>',
success: function(layero, index){
// 重新渲染彈層中的下拉選擇框select
form.render('select');
}
:結果: