layui之select回显选中

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_26641781/article/details/84636111

想实现select回显选中，研究了半个小时，不是专业的前端出身，但是现在都是自己搞，看看效果吧：

点击“编辑”，回显选中的“锁具”：

在来看看代码，ajax请求后台数据，渲染select标签数据：

$.ajax({
        url:'/goodsCategory/parentGoodsCategoryList',
        dataType:'json',
        async: true,
        success:function(data){
            $("#parentId").html("<option value='0'>根目录</option>");
            $.each(data,function(index,item){
                if(!parentId){
                    var option = new Option(item.goodsCategoryName,item.id);
                }else {
                    var option = new Option(item.goodsCategoryName,item.id);
                    // // 如果是之前的parentId则设置选中
                    if(item.id == parentId) {
                        option.setAttribute("selected",'true');
                    }
                }
                }
                $('#parentId').append(option);//往下拉菜单里添加元素
                form.render('select'); //这个很重要
            })
        }
    });