从html表导出文件 - 使用jquery / html的不可编辑/可编辑字段

时间:2016-07-21 07:25:43

标签: javascript jquery html

从HTML表格导出文件时 - 在Excel文件中,某些文件是不可编辑的,有些是使用JQuery / HTML作为默认值的可编辑字段。如何实现?

示例示例:

<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<br/>
<div id="dvData">
<table>
    <tr>
        <th>Column One </th>
        <th>Column Two</th>
        <th>Column Three</th>
    </tr>
    <tr>
        <td>row1 Col1</td>
        <td>row1 Col2</td>
        <td>row1 Col3</td>
   </tr>
   <tr>
        <td>row2 Col1</td>
        <td>row2 Col2</td>
        <td>row2 Col3</td>
   </tr>
      <tr>
        <td>row3 Col1</td>
        <td>row3 Col2</td>
        <td>row3 Col3</td>  
   </tr>
</table>
</div>
<br/>
<input type="button" id="btnExport" value=" Export Table data into Excel " />
<script>
$("#btnExport").click(function(e) {     
    window.open('data:application/vnd.ms-excel,' + $('#dvData').html());
    e.preventDefault();
});
</script>
</body>
</html>

0 个答案:

没有答案