HTML表格 单元格下拉菜单

要在HTML表格中添加单元格下拉菜单，您可以使用HTML select元素和JavaScript来实现。以下是一个示例代码：

<table>
  <tr>
    <td>
      <select id="menu1">
        <option value="">请选择</option>
        <option value="选项1">选项1</option>
        <option value="选项2">选项2</option>
        <option value="选项3">选项3</option>
      </select>
    </td>
    <td>
      <select id="menu2">
        <option value="">请选择</option>
        <option value="选项A">选项A</option>
        <option value="选项B">选项B</option>
        <option value="选项C">选项C</option>
      </select>
    </td>
  </tr>
</table>
<script>
  // 获取下拉菜单元素
  var menu1 = document.getElementById("menu1");
  var menu2 = document.getElementById("menu2");

  // 给下拉菜单添加事件监听
  menu1.addEventListener("change", function() {
    // 获取选中的选项
    var selectedOption = menu1.options[menu1.selectedIndex].value;

    // 根据选项设置第二个下拉菜单的选项
    switch (selectedOption) {
      case "选项1":
        menu2.innerHTML = '<option value="">请选择</option><option value="选项A">选项A</option><option value="选项B">选项B</option>';
        break;
      case "选项2":
        menu2.innerHTML = '<option value="">请选择</option><option value="选项C">选项C</option><option value="选项D">选项D</option>';
        break;
      case "选项3":
        menu2.innerHTML = '<option value="">请选择</option><option value="选项E">选项E</option><option value="选项F">选项F</option>';
        break;
      default:
        menu2.innerHTML = '<option value="">请选择</option>';
    }
  });
</script>

在这个例子中，我们在每个表格单元格中包含一个下拉菜单。我们给第一个下拉菜单添加了一个事件监听器，以便在选项更改时更新第二个下拉菜单的选项。我们使用switch语句根据第一个下拉菜单的选项来设置第二个下拉菜单的选项。在这个例子中，我们使用innerHTML属性将选项添加到第二个下拉菜单中。