javascript - 如何在javascript中添加选择

Question

我正在尝试在选择标签中添加选项，但它不起作用。

container.appendChild(document.createTextNode("location"));
var select = document.createElement("select");
var option1 = document.createElement("option");
option1.text = "mumbai";
option1.value = "mumbai";
container.appendChild(option1);
container.appendChild(select);

Answer 1

您正在将选项添加到容器而不是选择。因此，将 container.appendChild(option1); 更改为 select.appendChild(option1);:

var container = document.getElementById('elem')
container.appendChild(document.createTextNode("location"));
var select = document.createElement("select");
container.appendChild(select);
var counter = 0;
document.getElementById("btn").addEventListener("click", function() {
  counter++;
  var option1 = document.createElement("option");
  option1.text = "mumbai" + counter;
  option1.value = "mumbai" + counter;
  select.appendChild(option1);
});

<div id='elem'>

</div>
<button name='btn' id='btn'>Add</button>