作者:乔山办公网日期:
返回目录:excel表格制作
取得百table中的input:
$('table input')
取得table中第度一个版input:
$('table input:eq(0)')
取得table中第一个input的value:
$('table input:eq(0)').val()
遍历table中的所有input,弹出权value:
$('table input').each(function(){
alert($(this).val());
});
用现zhidao成的组件:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="src/jquery.table2excel.js"></script>
点击button开始版导出:
$("button").click(function(){
$("#table2excel").table2excel({
exclude: ".noExl",
name: "Worksheet Name",
filename: "SomeFile"
});
});
下载:权ort-Html-Table-To-Excel-Spreadsheet-using-jQuery-table2excel.zip
tableExport是一个jQuery插件知可以将HTML中表导出道JSON、回XML、PNG、CSV、TXT,SQL,MS-Word,Ms-Excel Ms-Powerpoint、PDF,功能相当强大答。
你好!
exclude_inputs 这个属性设置的是: 是否导出e79fa5e98193e58685e5aeb9337输入框中的内容.
也就是说为true才是导出输入框中的内容.$("#btn").click(function () { //点击按钮执行导出
$(".table tr").each(function(i, _tr){//循环表格的行
var tds = $(_tr).find("td");//得到每行的所有列
tds.each(function(j, _td){//循环每列
var _ipt = $(_td).find("input");//查找每列当中的INPUT控件
var hasInput = (_ipt.length>0)?1:0;
if(hasInput) {
//console.log('第'+(i+1)+'行'+(j+1)+'列含有INPUT控件');
_ipt.attr("value", _ipt.val());//如果有INPUT控件就给它设置value值
}
});
});
$(".table").table2excel({ //选取导出的表格
filename: "项目", //导出的文件名
exclude_img: true, //是否导出图片
exclude_links: true,
exclude_inputs: true
});
})代码不复杂,看看注释就好了。
为什么要这么复杂的设置INPUT控件的value值,因为table2excel.js的源码当中是获取INPUT的value属性值,
但它得到的并不是动态赋值后的value值,所以你的数据无法导出到excel当中.当然这种做法只是一种解决方案,最好结合你的实际情况去使用,修改源码当然也可以.
建议以后遇到类似这种问题,最好先看下源码,了解下它的执行逻辑,原理.
希望对你有帮助!