1. 程式人生 > 其它 >layui select 編輯 初始化賦值

layui select 編輯 初始化賦值

技術標籤:layuiget 技能jquery

點選編輯按鈕時候需要根據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;
            });

         })