如何通过JavaScript动态添加下拉值？

var selectElement = document.createElement("select");

var options = [
  { value: "option1", text: "Option 1" },
  { value: "option2", text: "Option 2" },
  { value: "option3", text: "Option 3" }
];

for (var i = 0; i < options.length; i++) {
  var option = document.createElement("option");
  option.value = options[i].value;
  option.text = options[i].text;
  selectElement.appendChild(option);
}

document.getElementById("container").appendChild(selectElement);