layui table 添加表单元素select

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。

HTML

<div class="layui-card-body ">
    <table class="layui-hide" id="test" lay-filter="test"></table>
    <script type="text/html" id="selectTpl" >
        <select name="status" lay-verify="required" id="{{d.id}}" lay-filter="status" lay-skin="select" >
            <option value="0" {{d.status==0 ? 'selected' : '' }}>未提交</option>
            <option value="1" {{d.status==1 ? 'selected' : '' }}>申请中</option>
            <option value="2" {{d.status==2 ? 'selected' : '' }}>待更新</option>
            <option value="3" {{d.status==3 ? 'selected' : '' }}>审核中</option>
            <option value="4" {{d.status==4 ? 'selected' : '' }}>已批款</option>
            <option value="-1" {{d.status==-1 ? 'selected' : '' }}>已拒绝</option>
       </select>
    </script>
</div>

JS

/监听单元格编辑
        table.render({
            elem: '#test'
            , url: 'list_data'
            , toolbar: '#toolbarDemo'
            , cols: [[
                { type: 'checkbox' }
                , { field: 'id', title: 'ID',width:15, sort: true }
                , { field: 'title', title: '产品名称' }
                , { field: 'company', title: '公司名称' }
                , { field: 'faren', title: '法人' }
                , { field: 'mobile', title: '手机号' }
                , { field: 'idnumber', title: '身份证号' }
                , { field: 'money', title: '申请金额', edit: 'text', }
                , { field: 'create_time', title: '申请时间' }
                , { field: 'update_time', title: '更新时间' }
                , { fixed: 'right', field: 'status', title: '操作', templet: '#selectTpl' }
            ]]
            , page: true
            , done: function (res, curr, count) {
               $.each(res.data, function (i, obj) {
                        var div = $('.layui-table tr[data-index="' + i + '"] td[data-field="status"] .layui-table-cell').css('overflow', 'visible');
                        })//防止select 被遮挡
            }
        });

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

            var ids = data.elem.getAttribute("id");//获取当前列表id
            console.log(ids);
            //发异步把业务员状态进行更改
            layer.confirm('确认要修改订单状态吗？', function (index) {

                $.post('{:url("setstatus")}', { 'id': ids, status: data.value }, function (res) {
                    if (res.code == 1) {
                        layer.msg('修改' + res.msg + '!', { icon: 1, time: 1000 }, function () {
                            location.reload();
                        });
                    } else {
                        layer.msg('修改失败', { icon: 5 });
                    }
                }, 'json');

            });

        });