데이터리스트에 배열

Question

글쎄, 나는 같은 문제에 대해 2 일 전에 다시 여기에 있었지만 아직 작동하지 않는 것으로 보인다. 따라서 작업은 필드가 CSV 데이터라는 배열을 전달하는 것입니다. 나는 이것을 다음과 같이 조언했다 :

<datalist id="stelios"> 

</datalist> 
<script type="text/javascript" src="jquery.js"></script> 
<script> 
function handleFileSelect(evt) { 
var files = evt.target.files; // FileList object` 

// Loop through the FileList 
     for (var i in files) { 

      var reader = new FileReader(); 

      $('#stelios').append('<option value=' + files[i] + '>'); 
     } 
    } 

document.getElementById('stelios').addEventListener('change', handleFileSelect, false); 
</script> 

나는 아직 데이터를 얻지 못하는 것 같다. 어떤 ides?

Answer 1

for(var i in files)을 사용하고 있습니다. 이것은 files의 모든 값과 Object 프로토 타입에 추가 된 모든 값을 반복합니다. (This is bad)이 출력을 필터링해야합니다.

다음 줄은 var reader = new FileReader();입니다. for 루프에서 이것에 대한 참조가없는 것 같으므로 삭제하십시오.

다음 줄은 $('#stelios').append('<option value=' + files[i] + '>');입니다. 그것은 특정 'option'요소를 만들고 stelios라는 id를 가진 요소에 추가합니다. 이것은 옳은 것 같습니다. 그러나이 옵션 요소의 값은 따옴표없이 files[i]으로 설정됩니다 ... 어느 쪽이 엉망이 될 가능성이 가장 큽니다.

for(var i in files) { 
    if(files.hasOwnProperty(i)) { 
    //Removed unneeded FileReader 
    $('#stelios').append('<option value="' + files[i] + '">'); 
    } 
} 

것은 당신이 files 당신이 그것을 포함 할 것으로 예상 데이터가 포함되어 있는지 확인하는 것이 가정입니다 : 당신은 그것을 변경해야합니다. 나는 당신이 onchange 처리기로 달성하고자하는 바를 전혀 모른다.