layui之select回顯選中
阿新 • • 發佈:2018-12-04
想實現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'); //這個很重要 }) } });