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

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/