layui select 编辑 初始化赋值

 

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

         })

 


版权声明:本文为Acitylion原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。