jsp页面
//一级
<div class="layui-input-block">
<select name="pgId" id="pgId" lay-verify="matTypeId" lay-filter="pgIdsel">
<option value="">请选择</option>
<#list productionGroupList as matType>
<#if (deviceInfo.pg_id?? && deviceInfo.pg_id == matType.pg_id)>
<option value="${matType.pg_id}" selected> ${matType.pg_name}</option>
<#else >
<option value="${matType.pg_id}"> ${matType.pg_name}</option>
</#if>
</#list>
</select>
</div>
//二级
<div class="layui-input-block">
<select name="managerName" id="managerName" lay-verify="matTypeId" lay-filter="managerName">
<option value="">请选择</option>
<#list deviceUser as matType>
<#if (deviceInfo.manager_id?? && deviceInfo.manager_id == matType.member_id)>
<option value="${matType.member_id}" selected> ${matType.member_name}</option>
<#else >
<option value="${matType.member_id}"> ${matType.member_name}</option>
</#if>
</#list>
</select>
</div>
js代码
form.on('select(pgIdsel)', function (data) {
console.log(data);
$.getJSON("/pm/managerList?id="+data.value, function(data){
console.log(data);
var optionstring = "";
$.each(data, function(i,item){
optionstring += "<option value=\"" + item.member_id + "\" >" + item.member_name + "</option>";
});
$("#managerName").html('<option value=""></option>' + optionstring);
alert(optionstring);
form.render('select'); //这个很重要
});
});
返回的json数据
[{"member_id":5,"member_name":"ffff"},
{"member_id":6,"member_name":"gggg"}]