如何使用javascript填充从文本框中选择的下拉列表中的值

// 获取文本框和下拉列表的DOM对象
var inputText = document.getElementById("inputText");
var selectList = document.getElementById("selectList");

// 监听文本框的输入事件
inputText.addEventListener("input", function() {
  // 清空下拉列表
  selectList.innerHTML = "";

  // 获取文本框的值
  var inputValue = inputText.value;

  // 根据文本框的值生成下拉列表的选项
  if (inputValue === "option1") {
    var option1 = document.createElement("option");
    option1.value = "option1";
    option1.text = "Option 1";
    selectList.appendChild(option1);
  } else if (inputValue === "option2") {
    var option2 = document.createElement("option");
    option2.value = "option2";
    option2.text = "Option 2";
    selectList.appendChild(option2);
  } else {
    // 默认选项
    var defaultOption = document.createElement("option");
    defaultOption.value = "";
    defaultOption.text = "Please select";
    selectList.appendChild(defaultOption);
  }
});