將javascript數組傳遞到<datalist>表單標記

Question

我正在用javascript File API讀取一個csv文件。我想在數據列表（html5標籤）中顯示這些數據。我使用與http://www.html5rocks.com/en/tutorials/file/dndfiles/中相同的代碼。保存csv數據的數組名爲datacsv。我只是不知道如何在這種情況下傳遞數組（datacsv []）到數據列表標記中，以便顯示數據。任何想法，將不勝感激，謝謝

Answer 1

你可以嘗試使用jQuery：

var datacsv = ['example', 'of', 'some', 'data']; 

for(var i in datacsv){ 

    $('#my-datalist').append('<option value=' + datacsv[i] + '>'); 

} 

在回答您的意見，jQuery是爲客戶端 JavaScript語言的有用庫，所以它會工作離線。如果你正在尋找一個非jQuery的方式，你可以使用下面的代碼：

var datacsv = ['example', 'of', 'some', 'data']; 

for(var i in datacsv){ 

    var datalist = document.getElementById('my-datalist'); 

    datalist.innerHTML += '<option value=' + datacsv[i] + '>'; 

}