0

JavaScript を使用して、HTML 選択タグとオプション タグを作成して入力しようとしています。オプション ステートメント内で使用されるテキストは、XML ファイルから取得されます。私は XML ファイルを問題なく解析できましたが、新しい選択ボックスの入力に関しては行き詰まっています。このコードで試みた変更にもかかわらず、機能しません。ここで私が間違っていることについて何か洞察を持っている人はいますか?

私のXMLファイル:

<londonStreets>
    <street>Clarence Street</street>
    <street>Dundas Street</street>
    <street>King Street</street>
    <street>Queens Avenue</street>
    <street>Richmond Street</street>
    <street>Waterloo Street</street>
    <street>Wellington Street</street>
    <street>York Street</street>
</londonStreets>

私が考えた私のJavaScriptは、新しい選択ボックスを作成します:

var streetSelector=document.createElement('select');
streetSelector.setAttribute('id', 'street');
for (i=0;i<x.length;i++)
{
    var option=document.createElement('option');
    option.setAttribute('value', x[i].childNodes[0].nodeValue);
    option.appendChild(document.createTextNode(x[i].childNodes[0].nodeValue));
    streetSelector.appendChild(option);
}
4

2 に答える 2

2

DOM に streetSelector を追加していません。このJSフィドルを参照してください：

document.getElementById("content").appendChild(streetSelector);

http://jsfiddle.net/Cszm8/

于 2013-07-01T20:36:14.570 に答える
1

x が正確に何であるかを確認せずに、簡略化されたオプション ポピュレータ ルーチンを次に示します。

var streetSelector=document.createElement('select');
streetSelector.id='street';
for (i=0;i<x.length;i++){
    streetSelector.appendChild(new Option( x[i].childNodes[0].nodeValue));
}
于 2013-07-01T20:34:49.323 に答える