1.使用的是动态的添加一些内容到表单里面去,然后就出现了原始的html标签样式,看了问题的解决也有,尝试了一下,以为是将form.render放到html页面里的script里就可以了,但是通过实验发现,不能放在页面里的script标签里面,应该放在你动态添加的元素的方法的后面,也就是添加的代码写完,放在这之后.
主要问题中说的要将select等标签放在 class=“layui-form” 的标签元素下
$("#father").append("<form class=\"layui-form\" lay-filter='test' > " +
"<div class=\"layui-form-item\" >\n" +
" <label class=\"layui-form-label\">学院班级:</label>\n" +
" <div class=\"layui-input-inline\" >\n" +
" <select name=\"ucollege\">\n" +
" <option value=\"\">请选择专业</option>\n" +
" <option value=\"浙江\" selected=\"\">浙江省</option>\n" +
" <option value=\"你的工号\">江西省</option>\n" +
" <option value=\"你最喜欢的老师\">福建省</option>\n" +
" </select>\n" +
" </div>\n" +
" <div class=\"layui-input-inline\">\n" +
" <select name=\"ugrade\" >\n" +
" <option value=\"\">请选择班级</option>\n" +
" <option value=\"杭州\">杭州</option>\n" +
" <option value=\"宁波\" disabled=\"\">宁波</option>\n" +
" <option value=\"温州\">温州</option>\n" +
" <option value=\"温州\">台州</option>\n" +
" <option value=\"温州\">绍兴</option>\n" +
" </select>\n" +
" </div>\n" +
"</div>" +
" <div class=\"layui-form-item\">\n" +
" <label class=\"layui-form-label\">性别:</label>\n" +
" <div class=\"layui-input-block\">\n" +
" <input type=\"radio\" name=\"usex\" value=\"男\" title=\"男\" checked=\"\">\n" +
" <input type=\"radio\" name=\"usex\" value=\"女\" title=\"女\">\n" +
" </div>\n" +
" </div>" +
"</form>");
//添加按钮
$("#father").append("<div style=\"margin-left: 120px;\">\n" +
" <button type=\"button\" class=\"layui-btn layui-btn-primary layui-btn-radius\" onclick=\"addUserFinish()\">添 加</button>\n" +
" <button type=\"button\" class=\"layui-btn layui-btn-primary layui-btn-radius\">重 置</button>\n" +
" </div>");
layui.use('form', function(){
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
form.render();
form.render('select' ,'test'); //刷新select选择框渲染
});
}
以上这篇解决使用layui的时候form表单中的select等不能渲染的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。