点击编辑按钮时候需要根据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;
});
})