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

}