Question

我正在使用javascript File API读取csv文件。我想在datalist（html5标签）中显示这些数据。我使用的代码与http://www.html5rocks.com/en/tutorials/file/dndfiles/中的代码相同。保存csv数据的数组名为datacsv。我只是不知道如何将数组（在这种情况下为datacsv []）传递到datalist标签中，以显示数据。任何想法将不胜感激，谢谢

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] + '>';

}

将javascript数组传递到<datalist>表单标记</datalist>

1 个答案: