html页面拼接input标签成功,在前端无法显示

<script type="text/javascript">
$(function(){
$.ajax({
type:"post",
url:"AdminServlet",
data:{"action":"queryRole"},
dataType:"json",
success:function(result){
var html="";
for(var i=0;i<result.length;i++){
html +="<input type='radio' class='layui-input' value='"+result[i].roleName+"'>";
}
$("#role").empty();
$("div[id='role']").append(html);
}

})

})

</script>
 
<div class="layui-form-item">
<label class="layui-form-label"><span class="x-red">*</span>角色</label>
<div class="layui-input-block" id="role">

</div>
</div>

 <div class="layui-form-item">
              <label class="layui-form-label"><span class="x-red">*</span>角色</label>
              <div class="layui-input-block" id="role">
              
              </div>
          </div>
已邀请:
x-admin  模板是在layui的基础上开发的,在页面加载完进行重构相对就应的表单元素, 动态追加 表单元素到页面,没有重新渲染,所以没有相对应的效果,需要重新渲染下,用法请查看 : http://www.layui.com/doc/modules/form.html#render
form.render();

Spring

赞同来自: 资料收集专员

自己检查下吧
1、看控制台ajax是否成功
2、打印下result看返回是否正确
3、点击按钮,看html是否添加了拼接的input代码

魔簂契约

赞同来自:

但是直接添加from.reader会报错 

要回复问题请先登录注册