layui表格下拉框选中后行获取

最新推荐文章于 2024-09-26 16:43:06 发布

778.

最新推荐文章于 2024-09-26 16:43:06 发布

阅读量764

点赞数 1

分类专栏： MVC

本文链接：https://blog.csdn.net/weixin_44546554/article/details/108829363

版权

本文介绍如何在layui表格中，当用户从单元格内的下拉框选择选项后，获取当前选中行的数据。通过监听表格的事件和下拉框的选择事件，结合layui提供的API，可以有效地获取并处理选中行的相关信息。

摘要由CSDN通过智能技术生成

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>学生基础维护</title>
    <link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Plugins/layui/css/layui.css" rel="stylesheet" />
    <style>
        /*设置下拉框高度和表格单元格相同*/
      td .layui-form-select{
         margin-top:-10px;
         margin-left:-15px;
         margin-right:-15px;
        }
      .layui-table-cell{
          overflow:visible;
      }
       .layui-table-box{
          overflow:visible;
      }
        .layui-table-body{
          overflow:visible;
      }
    </style>
</head>
<body>

    <div class="container-fluid">
        <div class="row  mt-3">
            <div class="col-1 mr-auto">