问题:在弹框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');
}
:结果: