1. 程式人生 > >layui之select回顯選中

layui之select回顯選中

想實現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'); //這個很重要
            })
        }
    });