HTML Form to CSV

by Luis Martin

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<h2>Demo</h2>
<button id="export">Export</button> Click to open table in Microsoft Word
<div id="docx">
  <div class="WordSection1">
    <table>
      <tr>
        <td>A1</td>
        <td>B1</td>
        <td>C1</td>
        <td>E1</td>
      </tr>
      <tr>
        <td>A2</td>
        <td>B2</td>
        <td>C2</td>
        <td>E2</td>
      </tr>
      <tr>
        <td>A3</td>
        <td>B3</td>
        <td>C3</td>
        <td>E3</td>
      </tr>
      <tr>
        <td>A4</td>
        <td>B4</td>
        <td>C4</td>
        <td>E4</td>
      </tr>
    </table>
  </div>
</div>


<p id="resultado"></p>

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

JavaScript

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



function download(e) {
	csv =  document.getElementById("docx").innerHTML;

  //var encodedUri = encodeURI(csvContent);
  var link = document.createElement("a");
  link.setAttribute("href", "data:application/msword;charset=utf-8," + escape(csv));
  //link.setAttribute("href", encodedUri);
  link.setAttribute("download", document.title + "-" + new Date().toJSON().slice(0, 10) + ".doc");
  link.click();
}