|
html部分- <div class="layui-form-item">
- <label class="layui-form-label">选择身份</label>
- <div class="layui-input-block">
- <select name="roleId" lay-verify="required" id="add_role_name">
- <option value="">请选着身份</option>
- </select>
- </div>
- </div>
复制代码 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(); // 调用查询方法
- })
复制代码 JS部分二- 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<list.length;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,显示出数据
- }
- }
- });
- }
复制代码
|
|