layui自动生成的格式,不能用之前的JQ方式来实现select下拉菜单自动选择功能

layui select的格式:



下面这个框里面的dl-dd是layui自动生成的,也就是关键所有,看下具体的结构图:



 

//选择需要选中的对象
var select = 'dd[lay-value=' + data.id + ']';

//需要用点击事件来实现选中  test为select的id
$('#test').siblings("div.layui-form-select").find('dl').find(select).click();

mark it.

table.render({

                        elem : '#demo1',

                        height : 400,

                        url : 'conditionlist/select' //数据接口

                        ,toolbar : '#barDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档

                        ,defaultToolbar:[]

                        ,where:{

                            uuid:$("#uuid").val()

                        }

                        ,cols : [

                            [ //表头

                               {type: 'checkbox', fixed: 'left'}

                              ,{field: 'id', title: 'ID', width:80, sort: true,hide:true}

                              ,{field: 'parameterName', title: '参数名称', sort: true,edit:'text'}

                              ,{field: 'displayName', title: '显示名称', sort: true,edit:'text'}

                              ,{field: 'type', title: '参数类型', sort: true,templet: function(d){

                                    var html = '<select name="type" lay-verify="typedemo" lay-filter="typedemo" value="'+d.type+'">'

                                    + '<option value=""></option>'

                                    + '<option value="文本" '+('文本' === d.type ? 'selected=""':'')+'>文本</option>'

                                    + '<option value="日期" '+('日期' === d.type ? 'selected=""':'')+'>日期</option>'

                                    + '<option value="编码弹框" '+('编码弹框' === d.type ? 'selected=""':'')+'>编码弹框</option>'

                                    + '<option value="名称弹框" '+('名称弹框' === d.type ? 'selected=""':'')+'>名称弹框</option>'

                                    + '</select>'

                                return html

                            }}

                              ,{field: 'modeSentence', title: '执行语句', sort: true,edit:'text'}

                              ,{field: 'uuid', title: 'UUID',sort: true,hide:true}

                        ]]

                    });

                    

                    form.on('select(typedemo)', function(obj){

                             //当前元素

                            var data = $(obj.elem);

                            //遍历父级tr，取第一个，然后查找第二个td，取值

                            var id = data.parents('tr').first().find('td').eq(1).text();

                            var type=obj.value;

                              $.ajax({

                                    url:'conditionlist/updatetype',

                                    data:{

                                        "id":id,

                                        "type":type

                                    },

                                    type:'post',

                                    dataType:'json',

                                    success:function(data){

                                        if(data==0){

                                            /* table.reload("demo1"); */

                                        }else{

                                            layer.msg('编辑失败');

                                            table.reload("demo1");

                                        }

                                    }

                                });

                            });

原文：https://blog.csdn.net/qq_35979073/article/details/79738531
layui下拉列表的事件不能用jq的change 应该用自带的方式写
默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。
如：<select lay-filter="test"></select>
监听select
下拉选择框被选中时触发，回调函数返回一个object参数，携带两个成员：
注意：form.render('select');渲染一下 不然你的操作还是不生效  select不是选择器 表示渲染下拉列表 不写表示所有表单都渲染
语法如下
form.on('select(filter)', function(data){
  console.log(data.elem); //得到select原始DOM对象
  console.log(data.value); //得到被选中的值
  console.log(data.othis); //得到美化后的DOM对象
});   
form.on('select(search_type)', function(data){
    var html_one='<option value="1">充值</option><option value="2">还本付息</option>';
    if(data.value == 1){
        $("#search_detail").html(html_one);
        form.render('select');
    }else if(data.value == 2){
        var html_two='<option value="3">提现</option><option value="4">购买产品</option>';
        $("#search_detail").html(html_two);
        form.render('select');//select是固定写法 不是选择器
    }

});
上图的search_type就是下拉列表的lat-filter参数的值
lay-filter="search_type"

layui 中select下拉change事件失效处理方法

1.select中添加 lay-filter=“test”

<select lay-filter="test"></select>


2.处方方法

form.on('select(test)', function(data){

      console.log(data.elem); //得到select原始DOM对象

      console.log(data.value); //得到被选中的值

      console.log(data.othis); //得到美化后的DOM对象

});

文章来源： https://blog.csdn.net/qq_32442967/article/details/82797802