Reading a CSV file using JQuery

Reading a CSV file using JQuery

by NadirB21

HTML

<form id="csvForm">

<label> Nom</label> <input></input>  <br/>
 <label> Prenom</label>   <input></input>  <br/>
    
    <label> Adresse</label>    <input></input> <br/>
      <label> Code Postal </label>  <input></input> <br/>
        <label> Ville  </label>   <input value="Sartrouville"></input> <br/>
          <label> Date de Naissance   </label>    <input value="78500"></input> <br/>

</form>
    <button id="download">Download</button>

JavaScript

document.getElementById("download").addEventListener("click", download, false);








function download(e) {
    
    data = [["A-valider"]];
    
    var f = d3.selectAll("#csvForm > input")[0];
    
   f.forEach(function(d,i){
     data.push([d.value]);

 
    });
    
 //   console.log(data);
    
    var csvContent = "data:text/csv;charset=utf-8,";
    data.forEach(function (d,i) {
        dataString = d.join("");
        csvContent += (i+1)  <  data.length ? dataString + "," : dataString;
    });

    var encodedUri = encodeURI(csvContent);
    var link = document.createElement("a");
    link.setAttribute("href", encodedUri);
    link.setAttribute("download", "préinscription.csv");
    link.click(); 
}