layui+ajax-select显示出来

1、看效果

1、html部分

        选择身份
        

        
  请选着身份
        

2、js部分

var form,layedit,layer,laydate; 

layui.use(['form', 'layedit','layer','laydate'], function(){

            form = layui.form;
            layer = layui.layer
            layedit = layui.layedit

            laydate = layui.laydate; 

            selectRoleName();    // 调用查询方法

})

 

function selectRoleName(){

 $.ajax({

          url:"${ctxPath}/role/selectRoleList",
          type:"GET",
          dataType:"json",
          success:function(result){
                 var list = result.extend.roleList;    //返回的数据
                 var role = document.getElementById("add_role_name");        //add_role_name给select定义的id
                 for(var i=0;i                             var option = document.createElement("option");    // 创建添加option属性
                            option.setAttribute("value",list[i].roleId);                  // 给option的value添加值
                            option.innerText=list[i].roleName;             // 打印option对应的纯文本 （超级管理员、管理员）
                            role.appendChild(option);                          // 给select 添加option子标签
                  }

                  form.render("select");                                // 刷性select，显示出数据
          }
    });

}