javascript - 使用 javascript 单击时将表单值下载为 csv

Question

我正在编写一个小型应用程序，我需要使用下拉菜单输入信息，然后将值下载为 csv 文件，以便在 Python 中进行操作。一切都是离线的；我使用 Javascript 的唯一原因是我需要显示交互式 svg 图表，并且在浏览器中更容易。我的表格是这样的:

<form name="myForm">
  <select name="dropdownMenu">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
  </select><br>
</form>

然后我知道我可以通过以下方式访问选定的表单值:

<input type="button" value="Click" onclick="alert(document.myForm.dropdownMenu.value)">

有没有办法通过类似的方式触发该值的下载？:

<a href="document.myForm.dropdownMenu.value" download="myFile.csv">Download</a>

Answer 1

您可以使用encodeURI和window.open函数

   var encodedUri = encodeURI(csvjson);
   window.open(encodedUri);
   var encodedUri = encodeURI(csvContent);