HTML表格 点击按钮 新增带有下来菜单的一行

要实现这个功能，你可以采取以下步骤：

1. 在 HTML 中创建一个表格，并在表格的最后一行添加一个按钮。
2. 使用 JavaScript 监听按钮的点击事件，并在按钮被点击时执行相应的操作。
3. 当按钮被点击时，使用 JavaScript 创建一个新的表格行，并将其插入到表格中的倒数第二行（因为最后一行是按钮）。
4. 在新的表格行中添加带有下拉菜单的单元格，可以使用 HTML 的 select 元素来实现下拉菜单。

下面是一个简单的示例代码，可以帮助你开始：

HTML 代码：

<table id="myTable">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>30</td>
  </tr>
  <tr>
    <td colspan="2">
      <button onclick="addRow()">Add Row</button>
    </td>
  </tr>
</table>

JavaScript 代码：

function addRow() {
  // 获取表格对象和表格的行数
  var table = document.getElementById("myTable");
  var rowCount = table.rows.length;

  // 创建新的表格行和单元格
  var row = table.insertRow(rowCount - 1);
  var nameCell = row.insertCell(0);
  var ageCell = row.insertCell(1);
  var selectCell = row.insertCell(2);

  // 添加单元格内容
  nameCell.innerHTML = "<input type='text'>";
  ageCell.innerHTML = "<input type='text'>";
  selectCell.innerHTML = "<select><option value='1'>Option 1</option><option value='2'>Option 2</option></select>";
}

这段代码简单地使用 insertRow() 方法来创建一个新的表格行，并使用 insertCell() 方法来创建新的单元格。在新的单元格中，我们可以使用 HTML 的 input 元素来创建文本输入框，或者使用 select 元素来创建下拉菜单。