layUI下拉框联动

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"}]