html - 将 javascript 数组传递给表单标签

Question

我正在使用 javascript File API 读取 csv 文件。我想在数据列表（ 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] + '>';

}