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

您尚未将 streetSelector 附加到您的 DOM。看到这个 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 回答