如何在特定数据中创建下拉列表

<select>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="dropdown"></select>

<script>
  // 使用AJAX请求获取数据
  // 假设返回的数据是一个包含键值对的数组
  var data = [
    { value: "option1", text: "Option 1" },
    { value: "option2", text: "Option 2" },
    { value: "option3", text: "Option 3" }
  ];

  var dropdown = document.getElementById("dropdown");

  // 动态生成<option>元素
  data.forEach(function(item) {
    var option = document.createElement("option");
    option.value = item.value;
    option.text = item.text;
    dropdown.appendChild(option);
  });
</script>