Javascript 我的选择列表中的所有选项都合并在一个大选项中。我怎样才能修好它？

这是我第一次使用表单来处理DOM节点，而不是使用经典的HTML代码，这让我感到困惑。我有一个包含多个选项的

select

列表，但不是将每个选项都放在新行中，而是将所有选项都加入到第一个选项中

我很确定我遗漏了一些非常简单的东西，但我看不出是什么。拜托，你能帮我看看我做错了什么吗？非常感谢。代码如下：

var divcontainer = document.createElement("div");
var formulario = document.createElement("form");

var selectgrup = document.createElement("select");
var optiongrup = document.createElement("option");

var opcion = document.createTextNode("The first option");
optiongrup.appendChild(opcion);
selectgrup.appendChild(optiongrup);

var opcion = document.createTextNode("The second option");
optiongrup.appendChild(opcion);
selectgrup.appendChild(optiongrup);

formulario.appendChild(selectgrup);

divcontainer.appendChild(formulario);

document.body.appendChild(divcontainer);​

---

然后看看会发生什么：

您需要为第二项创建一个新的“option”元素

optiongrup = document.createElement("option");
var opcion = document.createTextNode("The second option");
optiongrup.appendChild(opcion);
selectgrup.appendChild(optiongrup);

---

检查我的小提琴：

太好了，谢谢！我在查找有关表单DOM操作的信息时遇到了一些问题，因此，尽管您的解决方案可能很简单，但我在任何地方都找不到解决方案。相反，有数以百万计的网站解释HTML的方式…很高兴我能帮上忙。查看jQuery库以获得更简单的DOM操作方法。如果你愿意，我可以用jQuery重新编写你的小提琴。