layui modify data when the drop-down box and select the box checked by default

// 获取需求类型
function getType() {
    var typeHtml = '';
    $.ajax({
        url: pUrl + 'back_findTypeList.do',
        type: 'post',
        data: {
            page: 1,
            pageSize: 500,
        },
        dataType: 'json',
        success: function (res) {
            var typeList = res.result.list;
            typeHtml += '<option value="">请选择需求类型</option>'
            for (var i = 0; i < typeList.length; i++) {
                typeHtml += '<option value="' + typeList[i].id + '">' + typeList[i].name + '</option>';
                if (typeList[i].id == sessionStorage.getItem('typeId')) {
                    console.log(sessionStorage.getItem('typeId'))
                    //判断每一条是不是跟传过来的数据一样，一样的话就选中
                    typeHtml += '<option value="' + typeList[i].id + '"selected>' + typeList[i].name + '</option>';
                }
            }
            //初始化数据
            $form.find('#type').html(typeHtml);
            //重新加载页面
            form.render();
            // form.on('select(areas)', function(data) {
            //     var value = data.value;
            //     console.log(value)
            // });
        },
        error: function (e) {
            layer.msg('连接超时，请稍后再试');
        }
    });
}
// 获取角色
function getRole() {
    var roleHtml = '';
    $.ajax({
        url: pUrl + 'back_findRoleList.do',
        type: 'post',
        data: {
            page: 1,
            pageSize: 500,
        },
        dataType: 'json',
        success: function (res) {
            var roleList = res.result.list;
            // roleHtml += '<option value="">请选择您的推荐渠道</option>'
            for (var i = 0; i < roleList.length; i++) {
                // roleHtml += '<option value="' + roleList[i].id +'">' + roleList[i].name + '</option>';
                roleHtml += ' <input type="checkbox"  title="' + roleList[i].name + '" >'
                 //判断每一条是不是跟传过来的数据一样，一样的话就选中
                if (roleList[i].id == sessionStorage.getItem('roleId')) {
                    roleHtml += ' <input type="checkbox"  title="' + roleList[i].name + '" checked >'
                }
            }
            //初始化数据
            $form.find('#role').html(roleHtml);
            //重新加载页面
            form.render();
        },
        error: function (e) {
            layer.msg('连接超时，请稍后再试');
        }
    });
}