ajax获取 select option的值
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.roleId); // 给option的value添加值
option.innerText=list.roleName; // 打印option对应的纯文本 (超级管理员、管理员)
role.appendChild(option); // 给select 添加option子标签
form.render("select"); // 刷性select,显示出数据
}
}
});
}
页:
[1]