HTML表格中有多个下拉菜单，下拉菜单选定值后，点击按钮将该下拉菜单替换为选定的值，点击另一个按钮则该单元格恢复为原来的下拉菜单

### 回答1：
你使用 JavaScript 实现这个功能，以下是代码示例：

HTML:

<table>
  <tr>
    <td>
      <select id="menu1" onchange="replaceMenu(this)">
        <option value="1">选项1</option>
        <option value="2">选项2</option>
        <option value="3">选项3</option>
      </select>
      <button onclick="restoreMenu('menu1')">恢复</button>
    </td>
    <td>
      <select id="menu2" onchange="replaceMenu(this)">
        <option value="4">选项4</option>
        <option value="5">选项5</option>
        <option value="6">选项6</option>
      </select>
      <button onclick="restoreMenu('menu2')">恢复</button>
    </td>
  </tr>
</table>

JavaScript:

function replaceMenu(select) {
  var value = select.value;
  var text = select.options[select.selectedIndex].text;
  var span = document.createElement('span');
  span.innerHTML = text;
  select.parentNode.insertBefore(span, select);
  select.style.display = 'none';
  select.setAttribute('data-value', value);
}

function restoreMenu(selectId) {
  var select = document.getElementById(selectId);
  select.style.display = 'inline-block';
  select.selectedIndex = -1;
  var span = select.parentNode.getElementsByTagName('span')[0];
  select.parentNode.removeChild(span);
}

这个代码中，replaceMenu 函数用于替换下拉菜单，restoreMenu 函数用于恢复原来的下拉菜单。当下拉菜单选定值时，调用 replaceMenu 函数，该函数会创建一个 span 元素，用于显示选定的值，并将下拉菜单隐藏。同时，将选定的值存储在下拉菜单的 data-value 属性中，方便在恢复时使用。当点击恢复按钮时，调用 restoreMenu 函数，该函数会将下拉菜单显示出来，并删除用于显示选定值的 span 元素。

### 回答2：
HTML表格中的下拉菜单可以通过JavaScript来实现选定值后的替换和恢复操作。

首先，在HTML代码中定义一个表格，包含多个下拉菜单：

<table>
  <tr>
    <td>
      <select id="dropdown1">
        <option value="value1">选项1</option>
        <option value="value2">选项2</option>
        <option value="value3">选项3</option>
      </select>
    </td>
    <td>
      <select id="dropdown2">
        <option value="value4">选项4</option>
        <option value="value5">选项5</option>
        <option value="value6">选项6</option>
      </select>
    </td>
  </tr>
</table>

接下来，通过JavaScript代码为按钮绑定点击事件，实现下拉菜单的替换和恢复功能：

// 替换下拉菜单为选定的值
function replaceDropdown(selectedValue) {
  var selectedOption = document.createElement("option");
  selectedOption.value = selectedValue;
  selectedOption.text = selectedValue;

  var dropdown = document.getElementById("dropdown1");  // 假设要替换的是dropdown1下拉菜单
  dropdown.innerHTML = "";  // 清空下拉菜单中的选项
  dropdown.appendChild(selectedOption);  // 添加选定的值
}

// 恢复原来的下拉菜单
function restoreDropdown() {
  var dropdown = document.getElementById("dropdown1");  // 假设要恢复的是dropdown1下拉菜单
  dropdown.innerHTML = "";  // 清空下拉菜单中的选项

  var option1 = document.createElement("option");
  option1.value = "value1";
  option1.text = "选项1";

  var option2 = document.createElement("option");
  option2.value = "value2";
  option2.text = "选项2";

  var option3 = document.createElement("option");
  option3.value = "value3";
  option3.text = "选项3";

  dropdown.appendChild(option1);
  dropdown.appendChild(option2);
  dropdown.appendChild(option3);
}

// 绑定按钮点击事件
document.getElementById("replaceBtn").addEventListener("click", function() {
  var selectedValue = document.getElementById("dropdown1").value;
  replaceDropdown(selectedValue);
});

document.getElementById("restoreBtn").addEventListener("click", function() {
  restoreDropdown();
});

最后，在HTML代码中为按钮添加对应的id：

<button id="replaceBtn">替换下拉菜单为选定的值</button>
<button id="restoreBtn">恢复下拉菜单为原来的状态</button>

现在，当点击"替换下拉菜单为选定的值"按钮时，选定的下拉菜单的值将被替换为当前选定的值；当点击"恢复下拉菜单为原来的状态"按钮时，选定的下拉菜单将恢复为原来的下拉菜单选项。

### 回答3：
在HTML表格中，可以使用JavaScript来实现下拉菜单的选定值替换和恢复功能。

首先，在HTML中创建一个表格，表格中的某个单元格（例如第一个单元格）包含一个下拉菜单。菜单中有几个选项供用户选择。

接着，在JavaScript中，获取该下拉菜单的引用。可以使用document.getElementById()方法通过下拉菜单的id属性来获取。

然后，创建一个替换函数（例如replaceDropdownValue()），该函数在点击替换按钮时调用。函数内部可以使用下拉菜单的value属性来获取当前选定的值，将其赋值给单元格的innerHTML属性，以替换下拉菜单。

最后，创建一个恢复函数（例如restoreDropdown()），该函数在点击恢复按钮时调用。函数内部将恢复原来的下拉菜单，可以通过将单元格的innerHTML设置为包含下拉菜单的HTML代码来实现。

需要注意的是，为替换按钮和恢复按钮分别添加对应的点击事件监听器，以触发相应的功能函数。

通过以上步骤，就可以实现在HTML表格中有多个下拉菜单，下拉菜单选定值后，点击按钮将该下拉菜单替换为选定的值，点击另一个按钮则该单元格恢复为原来的下拉菜单的功能。