使用JavaScript填充HTML選擇語句

我正在嘗試使用JavaScript創建和填充HTML選擇和選項標記。選項語句中使用的文本來自XML文件。我能夠解析免費的XML文件問題，但當填充新的選擇框時，我被卡住了。儘管我嘗試使用此代碼進行了任何更改，但它不起作用。有沒有人有任何見解我在這裏做錯了？使用JavaScript填充HTML選擇語句

我的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); 
}

來源

2013-07-01 nvlm

好樣的，使用常規的JavaScript :) – oooyaya

你的streetSelector追加到 – oooyaya

您沒有將streetSelector附加到您的DOM。見這個JS提琴：

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

http://jsfiddle.net/Cszm8/

來源

2013-07-01 20:36:14 oooyaya

完美的作品一些HTML元素（身體，DIV等？）。謝謝！！！ – nvlm

沒有看到是什麼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-01 20:34:49 dandavis

使用JavaScript填充HTML選擇語句

回答

相關問題