layui 表格添加行 select

你可以使用 layui 表格的 `table.addRow()` 方法来添加新行，并使用 `table.reload()` 方法刷新表格。在新行中，可以添加一个 `select` 元素，作为该行的一个单元格。

以下是一个示例代码：

// 表格数据
var tableData = [
  { id: 1, name: 'John', gender: 'Male' },
  { id: 2, name: 'Jane', gender: 'Female' },
  { id: 3, name: 'Bob', gender: 'Male' }
];

// 表格定义
var table = layui.table;
table.render({
  elem: '#demo',
  cols: [
    [
      { field: 'id', title: 'ID' },
      { field: 'name', title: 'Name' },
      { field: 'gender', title: 'Gender' }
    ]
  ],
  data: tableData
});

// 添加行按钮点击事件
$('#addRowBtn').on('click', function() {
  // 添加新行
  table.addRow('#demo', {
    id: 4,
    name: '',
    gender: ''
  });
  // 刷新表格
  table.reload('demo');
  
  // 获取新行的单元格元素
  var selectElem = $('#demo tbody tr:last-child td:eq(2)');
  // 添加 select 元素
  selectElem.html('<select><option value="Male">Male</option><option value="Female">Female</option></select>');
});

在上面的示例代码中，我们通过为最后一行的第三个单元格添加 `select` 元素，来实现在表格中添加一个带有选项的下拉列表。