精华内容
下载资源
问答
  • layui自动生成的格式,不能用之前的JQ方式来实现select下拉菜单自动选择功能 layui select的格式: 下面这个框里面的dl-dd是layui自动生成的,也就是关键所有,看下具体的结构图:   //选择需要选中的对象 var ...

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

    layui select的格式:

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

    https://img-blog.csdn.net/20180304175144784?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM1OTQzODA=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70

     

    //选择需要选中的对象
    var select = 'dd[lay-value=' + data.id + ']';
    
    //需要用点击事件来实现选中  test为select的id
    $('#test').siblings("div.layui-form-select").find('dl').find(select).click();

    mark it.

    展开全文
  • layui table 下拉事件

    2019-08-15 10:13:44
    table.render({ elem : '#demo1', height : 400, url : 'conditionlist/select' //数据接口 ,toolbar : '#barDemo' ...

    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");
                                            }
                                        }
                                    });
                                });

    展开全文
  • layuiselect下拉change事件失效的处理方法 1.select中添加 lay-filter=“test” <select lay-filter=test></select> 2.处方方法 form.on('select(test)', function(data){ console.log(data.elem)...
  • layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。如:&lt;select lay-filter="test"&...
    原文:https://blog.csdn.net/qq_35979073/article/details/79738531
    layui下拉列表的事件不能用jq的change 应该用自带的方式写

    默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。

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

    监听select

    下拉选择框被选中时触发,回调函数返回一个object参数,携带两个成员:

    注意:form.render('select');渲染一下 不然你的操作还是不生效  select不是选择器 表示渲染下拉列表 不写表示所有表单都渲染

    语法如下

    1. form.on('select(filter)', function(data){
    2. console.log(data.elem); //得到select原始DOM对象
    3. console.log(data.value); //得到被选中的值
    4. console.log(data.othis); //得到美化后的DOM对象
    5. });

    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"

    展开全文
  • layuiselect下拉change事件失效处理方法 1.select中添加 lay-filter=“test” <select lay-filter="test"></select> 2.处方方法 form.on('select(test)', function(data){ console.log(data.elem)...

    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

    展开全文
  • layui select框代码实现自动下拉

    千次阅读 2019-02-14 14:46:08
    项目使用的layui框架,这个框架有个缺点就是一些H5标签使不上用场,比如datalist...,所以只能尝试寻找它自带的下拉事件怎么用了 //代码自动点击 select 的下拉按钮 $('select[id="projectName"]')....
  • layui 监听 select下拉选择框

    千次阅读 2019-04-22 17:53:55
    layui组件,js或jq对其的监听事件会失效,需要代码才能实现: 1.html部分 <select name="category" lay-verify="required" lay-filter="cate"> <option value ="分类1">分类1</option> ​​...
  • 1、使用 select 下拉选择框后在浏览器的选择效果 2、如何实现自动选择 通过默认执行一次 click 事件触发 //状态选中项 var opts = $('.layer_update .layui-input-block dl.layui-anim dd') for (var i = 0; ...
  • 备注:通过将指定下拉选的Value值设置select 为true即可。 注意:数据回显时一定要注意下拉框的数据是否已经进行初始化完毕或者已经加载完成。若出现没有回显的情况,则一定是数据未加载完毕,解决方案,将动态加载...
  • layui的select监听事件在页面加载时不会主动调用,如果调用了,一定有类似下面的触发事件: //修改查看页面默认触发select下拉事件 $('select[name=businessType]').next().find('.layui-this').click();
  • layui 下拉列表的change事件

    万次阅读 2018-03-29 10:28:56
    layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块...监听select下拉选择框被选中时触发,回调函数返回一个object参数,携带两个成员:注意:form.render('select')...
  • 默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。 如:<select lay-filter=”test”></select> 监听select 下拉选择框被选中时触发,回调函数返回一个...
  • 这几天开始使用layui前端插件,但是完全没有习惯里面的一些监听事件。这不今天我写form表单中下拉select菜单监听就跳坑了!!! 任务: 给两个下拉菜单,点击第一个下拉菜单,第二个下拉菜单完成值的改变。 有对比就...
  • layui---select点击事件

    2020-04-14 08:47:41
    $("#addWindow form select").next().find('.layui-select-title').one('click',function () { // select 操作 ........ //重新渲染下拉列表 from.render('select') }
  • LayUI中的select

    2019-11-07 11:51:56
    layui下拉列表的事件不能用jq的change 应该用自带的方式写 默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。 如: 监听select 下拉选择框被选中时触发,回调函数...
  • 坑1:使用layui框架,select无法再正常使用change监听下拉选择事件 坑2:使用layui框架自身监听,无论select是否两次选择的同一值,也就是无论select的值有没有变化,都会触发监听事件。 从头到尾: layui框架对...
  • Layuiselect想要实现点击即刷新下拉菜单功能
  • 在表单中,使用layui渲染select 网盘名称 诚通 百度 360 ...在下拉选择的时候,添加监听事件 form.on(‘select(down_link_name)’, function (data) { console.log(this.innerText); //得到被选中
  • layui---事件监听

    2021-01-06 13:44:00
    layui事件监听 在使用layui的form表单做验证提交的时候,如果结合vue,或者是三级联动的时候,就需要做事件监听了。 具体语法: form.on(‘event(过滤器值)’, callback); 可以用于监听:select,checkbox,switch...
  • 1:监听select 改变下拉选择框写作阅读听歌游戏layui.use('form', function(){var form = layui.form;form.on('select(aihao)',function(data){console.log(data);console.log(data.elem); //得到select原始DOM对象...
  • 码云地址:https://gitee.com/kkk12/layui-table-select一、介绍此项目是为了解决layui table表格单元格(column)点击事件中无下拉列表(select)功能的问题。a.可异步ajax请求后台数据。b.可直接以数组形式传参...
  • 在使用layui的form表单做验证提交的时候,如果结合vue,...可以用于监听:select,checkbox,switch,radio,submit 的改变一、监听select的改变下拉选择框写作阅读听歌游戏layui.use('form', function(){var form...

空空如也

空空如也

1 2 3
收藏数 52
精华内容 20
关键字:

layuiselect下拉事件