我的选择列表中的所有选项都在一个大选项中连接在一起。我该如何解决？

Question

这是我第一次做表单处理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);​

看看会发生什么：JSFiddle

Answer 1

您需要为第二个项目

创建一个新的“选项”元素

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

检查我的小提琴：http://jsfiddle.net/BuddhiP/q5WLX/2/