如何将文本输入转换为更改表格行的下拉选择？

<table id="myTable">
  <tr>
    <td>文本输入：</td>
    <td><input type="text" id="textInput"></td>
  </tr>
</table>

// 获取表格和文本输入框的元素
var table = document.getElementById("myTable");
var textInput = document.getElementById("textInput");

// 监听文本输入框的变化事件
textInput.addEventListener("input", function() {
  // 获取输入的文本值
  var inputValue = textInput.value;

  // 创建下拉选择框
  var select = document.createElement("select");

  // 根据输入的文本值更新下拉选择框的选项
  if (inputValue === "选项1") {
    var option1 = document.createElement("option");
    option1.value = "选项1";
    option1.text = "选项1";
    select.appendChild(option1);
  } else if (inputValue === "选项2") {
    var option2 = document.createElement("option");
    option2.value = "选项2";
    option2.text = "选项2";
    select.appendChild(option2);
  } else {
    var optionDefault = document.createElement("option");
    optionDefault.value = "默认选项";
    optionDefault.text = "默认选项";
    select.appendChild(optionDefault);
  }

  // 将下拉选择框插入到表格的相应行中
  var row = table.insertRow(1);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "下拉选择：";
  cell2.appendChild(select);
});