Javascript 将HTML表格导出到CSV按钮完全不负责
我想将我的HTML表格导出到Excel 我的表在查询中如下所示: 我使用了这个网站的代码: 现在根本不起作用,但2天前起作用了 我的情况如下:Javascript 将HTML表格导出到CSV按钮完全不负责,javascript,html,csv,Javascript,Html,Csv,我想将我的HTML表格导出到Excel 我的表在查询中如下所示: 我使用了这个网站的代码: 现在根本不起作用,但2天前起作用了 我的情况如下: rows = [ [column1,column2], [column1,column2], [column1,column2], [column1,column2], [column1,column2], [column1,column2] ] functi
rows = [
[column1,column2],
[column1,column2],
[column1,column2],
[column1,column2],
[column1,column2],
[column1,column2]
]
function exportData(){
var table = document.getElementById("opresults");
var rows =[];
for(var i=0,row; row = table.rows[i];i++){
column1 = row.cells[0].innerText;
column2 = row.cells[1].innerText;
rows.push(
[
column1,
column2
]
);
}
csvContent = "data:text/csv;charset=utf-8,";
rows.forEach(function(rowArray){
row = rowArray.join(",");
csvContent += row + "\r\n";
});
var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "site_survey_form.csv");
document.body.appendChild(link);
link.click();
}
</script>
行=[
[第1、2栏],
[第1、2栏],
[第1、2栏],
[第1、2栏],
[第1、2栏],
[第1、2栏]
]
函数exportData(){
var table=document.getElementById(“操作结果”);
var行=[];
for(变量i=0,行;行=表。行[i];i++){
column1=行。单元格[0]。innerText;
column2=行。单元格[1]。innerText;
推(
[
第1栏,
专栏2
]
);
}
csvContent=“数据:文本/csv;字符集=utf-8,”;
rows.forEach(函数(rowArray){
row=rowArray.join(“,”);
csvContent+=行+“\r\n”;
});
var encodedUri=encodeURI(csvContent);
var link=document.createElement(“a”);
link.setAttribute(“href”,encodedUri);
link.setAttribute(“下载”、“站点调查”表单.csv”);
document.body.appendChild(链接);
link.click();
}
HTML
<table id="opresults" class="outputtable"><p class="outputtablehead">Survey Form - output</p>
<tr class="colname">
<th class="question">Form question</th>
<th class="answer">Answer</th>
</tr>
<tr class="opcontent">
<script>
const resultsList = document.getElementById('opresults')
const matches = document.querySelectorAll("fieldset");
const innerBody = document.createElement('tbody')
resultsList.append(innerBody);
new URLSearchParams(window.location.search).forEach((value, name) => {
const row = document.createElement('tr');
const tdName = document.createElement('td');
const tdValue = document.createElement('td');
tdName.innerText = name;
tdValue.innerText = value;
row.append(tdName);
row.append(tdValue);
innerBody.append(row);
})
</script>
</tr>
</table>
<button class="excelsubmit" onclick="exportData()"><span class="glyphicon glyphicon-download"></span> Export form to Excel</button>
调查表-输出
形式问题
答复
const resultsList=document.getElementById('opresults')
const matches=document.queryselectoral(“字段集”);
const innerBody=document.createElement('tbody')
resultsList.append(内体);
新的URLSearchParams(window.location.search.forEach)((值,名称)=>{
const row=document.createElement('tr');
const tdName=document.createElement('td');
const tdValue=document.createElement('td');
tdName.innerText=名称;
tdValue.innerText=值;
行追加(tdName);
行追加(tdValue);
innerBody.append(行);
})
将表格导出到Excel
这个按钮根本不起作用。我确信,某个地方是一个愚蠢的错误
我试过下面的例子:
这很好,但是文件没有名字。我需要名称为的导出。函数上方的行数组用于什么?用于提示表导出您的浏览器控制台显示了什么?单击按钮时是否有错误?