0

従来の HTML コードの代わりに DOM ノードを処理するフォームを作成するのは初めてで、混乱することがあります。いくつかのオプションを含む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

4

1 に答える 1

2

2 番目のアイテム用に新しい 'option' 要素を作成する必要があります

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

私のフィドルをチェックしてください：http://jsfiddle.net/BuddhiP/q5WLX/2/

于 2012-11-25T13:25:19.753 に答える