layui表格下拉框如何拿到对应行的ID


 ,cols: [[ //表头
                 {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', title: 'id', width:140,hide:true}
                ,{field: 'loginid', title: '用户名', width:'10%'}
                ,{field: 'name', title: '姓名', width:'10%'}
                ,{field: 'sex', title: '性别', width:'10%'}
                ,{field: 'phone', title: '电话', width:'10%'}
                ,{
                    field: 'taskNature',
                    title: '状态',
                    width:170,
                    align:'center',
                    templet: function (d) {
                        return `<select name="ac" lay-verify="required" lay-filter="stateSelect">
                                <option value="0" ${d.taskNature == 0 ? "selected":""}>未完成</option>
                                <option value="1" ${d.taskNature == 1 ? "selected":""}>已完成</option>
                                </select>`;
                                }
                        }

                ,{field: 'record', title: '回访记录', width:'50%',edit:'text'}
              
            ]]

 form.on('select(stateSelect)', function (data) {//获取当前行tr对象

  //拿到当前行的ID
//拿到当前行的值

            })

监听下拉框如何拿到对应行的ID？

 form.on('select(stateSelect)', function (data) {//获取当前行tr对象
//获取当前行tr对象
 var elem = data.othis.parents('tr');
  //拿到当前行的ID
//第一列的值是ID，取ID来判断
  var ID= elem.first().find('td').eq(1).text();
//拿到当前行的值
 })

data.parent()这种获取上一层元素

$(this).parents()
打印看看



<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用 layui</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <!-- <link rel="stylesheet" href="./layui/css/layui.css"> -->
</head>

<body>

    <button class="layui-btn" id="demo1">
        下拉菜单
        <i class="layui-icon layui-icon-down layui-font-12"></i>
    </button>

    <!-- 你的 HTML 代码 -->

    <!-- <script src="./layui/layui.js"></script> -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script>
        // layui.use(['layer', 'form'], function () {
        //     var layer = layui.layer
        //     form = layui.form;

        //     layer.msg('Hello World');
        // });
    </script>



    <script>
        layui.use('dropdown', function () {
            var dropdown = layui.dropdown
            dropdown.render({
                elem: '#demo1' //可绑定在任意元素中，此处以上述按钮为例
                , data: [{
                    title: 'menu item 1'
                    , id: 100
                    , href: '#'
                }, {
                    title: 'menu item 2'
                    , id: 101
                    , href: 'https://' //开启超链接
                    , target: '_blank' //新窗口方式打开
                }, { type: '-' }, {
                    title: 'menu item 3'
                    , id: 102
                    , type: 'group'  //菜单类型，支持：normal/group/parent/-
                    , child: [{
                        title: 'menu item 3-1'
                        , id: 103
                    }, {
                        title: 'menu item 3-2'
                        , id: 104
                        , child: [{
                            title: 'menu item 3-2-1'
                            , id: 105
                        }, {
                            title: 'menu item 3-2-2'
                            , id: 106
                        }]
                    }, {
                        title: 'menu item 3-3'
                        , id: 107
                    }]
                }, { type: '-' }, {
                    title: 'menu item 4'
                    , id: 108
                }, {
                    title: 'menu item 5'
                    , id: 109
                    , child: [{
                        title: 'menu item 5-1'
                        , id: 11111
                        , child: [{
                            title: 'menu item 5-1-1'
                            , id: 2111
                        }, {
                            title: 'menu item 5-1-2'
                            , id: 3111
                        }]
                    }, {
                        title: 'menu item 5-2'
                        , id: 52
                    }]
                }, { type: '-' }, {
                    title: 'menu item 6'
                    , id: 6
                    , type: 'group'
                    , isSpreadItem: false
                    , child: [{
                        title: 'menu item 6-1'
                        , id: 61
                    }, {
                        title: 'menu item 6-2'
                        , id: 62
                    }]
                }]
                , id: 'demo1'
                //菜单被点击的事件
                , click: function (obj) {
                    console.log(obj);
                    layer.msg('回调返回的参数已显示再控制台');
                }
            });
        });
    </script>
</body>

</html>