将HTML表单导出到Excel CSV可以通过以下步骤实现:
以下是一个示例代码:
function exportToCSV() {
// 获取表单数据并存储到二维数组中
var formData = [
['姓名', '年龄', '邮箱'],
['张三', '25', 'zhangsan@example.com'],
['李四', '30', 'lisi@example.com'],
['王五', '28', 'wangwu@example.com']
];
// 生成CSV文件内容
var csvContent = '';
formData.forEach(function(row) {
var rowContent = row.join(',') + '\n';
csvContent += rowContent;
});
// 创建Blob对象
var blob = new Blob([csvContent], { type: 'text/csv' });
// 创建下载链接
var downloadLink = document.createElement('a');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'form_data.csv';
// 添加下载链接到隐藏的<a>标签
document.body.appendChild(downloadLink);
// 模拟点击隐藏的<a>标签,触发文件下载
downloadLink.click();
}
这个方法可以将HTML表单数据导出到Excel CSV文件,用户点击导出按钮时,会自动下载生成的CSV文件。
领取专属 10元无门槛券
手把手带您无忧上云