layui select 編輯 初始化賦值
阿新 • • 發佈:2021-01-27
點選編輯按鈕時候需要根據id 來判斷當前選擇的是什麼內容 以檢測專案為例
<form class="layui-form" action=""> <div class="layui-input-block input_block"> <select name="city" lay-verify="required" lay-filter="monitor" id="editSelect"> <!-- <option value="">請選擇檢測專案</option>--> <!-- <option value="1">紅外測溫</option>--> <!-- <option value="2">紫外</option>--> <!-- <option value="3">GIS局放</option>--> <!-- <option value="4">開關櫃局放</option>--> <!-- <option value="5">高頻局放</option>--> <!-- <option value="6">其他</option>--> </select> </div> </form>
//檢測專案 const detection = [ {id:'',name:'請選擇檢測專案'}, {id:1,name:'紅外測溫'}, {id:2,name:'紫外'}, {id:3,name:'GIS局放'}, {id:4,name:'開關櫃局放'}, {id:5,name:'高頻局放'}, {id:6,name:'其他'}, ] $("#editSelect").html(' '); //清空 const jianceId = res.info.jiancexiangmu_id;//檢測專案id //檢測專案 detection.map(function (item,index) { if (item.id == jianceId){ $("#editSelect").append("<option value="+item.id+" selected='' >"+item.name+"</option>") }else { $("#editSelect").append("<option value="+item.id+">"+item.name+"</option>") } }); //重新渲染表單 function renderForm() { layui.use('form', function () { var form = layui.form;//高版本建議把括號去掉,有的低版本,需要加() form.render(); }); } //監聽select layui.use('form', function () { var form = layui.form; form.on('select(monitor)', function (data) { console.log(data.value); //得到被選中的值 val = data.value; }); })