动态添加的input里的数据如何获得?
页面表格里原来有的数据可以写入到excel,但是动态添加的input里填写的值,不知道怎么才能取得?谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>导出excel</title>
<SCRIPT LANGUAGE="javascript">
var tempRow=0;
//var maxRows=0;
function insertRows(){
tempRow=table1.rows.length-1;
//maxRows=tempRow+1;
tempRow=tempRow+1;
var Rows=table1.rows;//类似数组的Rows
var newRow=table1.insertRow(table1.rows.length);//插入新的一行
var Cells=newRow.cells;//类似数组的Cells
for (i=0;i<3;i++)//每行的3列数据,循环插入
{
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
newCell.align="center";
switch (i)
{
case 0 : newCell.innerHTML="<td valign='top'><input name='aaa' id='_Seq' type='text' size='2' value='"+tempRow+"'></td>";break;
case 1 : newCell.innerHTML="<td valign='top'><select name='detailObject.xmxh' id='_Xmxh'><option value='' selected='selected'></option><option value='XMXH20060713150418343'>测试项目1</option><option value='XMXH20060725140312843'>能源部测试项目</option><option value='XMXH20060801143744796'>第三个选项</option></select></TD>"; break;
case 2 : newCell.innerHTML="<td valign='top'><a href='javascript:delTableRow(\""+tempRow+"\")'>删除</a></TD>"; break;
}
}
//maxRows+=1;
}
function methodadd(tableid) //读取表格中每个单元到EXCEL中
{
var curTbl = document.getElementById(tableid);
var oXL = new ActiveXObject("Excel.Application");
//创建AX对象excel
var oWB = oXL.Workbooks.Add();
//获取workbook对象
var oSheet = oWB.ActiveSheet;
//激活当前sheet
var Lenr = curTbl.rows.length;
//取得表格行数
for (i = 0; i < Lenr; i++)
{
var Lenc = curTbl.rows(i).cells.length;
//取得每行的列数
for (j = 0; j < Lenc; j++)
{
oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;
//oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).getElementsByTagName('text').value;
//赋值
}
}
oXL.Visible = true;
//设置excel可见属性
}
function delTableRow(rowNum){
if (table1.rows.length >rowNum){
table1.deleteRow(rowNum); //系统方法
}
}
function method2(tableid) //读取表格中每个单元到EXCEL中
{
var curTbl = document.getElementById(tableid);
var oXL = new ActiveXObject("Excel.Application");
//创建AX对象excel
var oWB = oXL.Workbooks.Add();
//获取workbook对象
var oSheet = oWB.ActiveSheet;
//激活当前sheet
var Lenr = curTbl.rows.length;
//取得表格行数
for (i = 0; i < Lenr; i++)
{
var Lenc = curTbl.rows(i).cells.length;
//取得每行的列数
for (j = 0; j < Lenc; j++)
{
oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;
//赋值
}
}
oXL.Visible = true;
//设置excel可见属性
}
</SCRIPT>
</head>
<body>
时的法国
<form action="">
<table border="1" width="98%" align="center" id="table1">
<tr>
<th >顺序号</th>
<th >项目序号</th>
<th>删除
<th>
</tr>
</table>
<br />
<table border="0" cellspacing="0" cellpadding="0" width="98%" align="center">
<tr valign="top">
<th> <input value="添加一行" type="button" onClick="insertRows()">
</th>
</tr>
</table>
</form>
<table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5" align="center">WEB页面导出为EXCEL文档的方法
</td>
</tr>
<tr>
<td>列标题1</td>
<td>列标题2</td>
<td>列标题3</td>
<td>列标题4</td>
<td>列标题5</td>
</tr>
<tr>
<td>aaa</td>
<td>bbb</td>
<td>ccc</td>
<td>ddd</td>
<td>eee</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>EEE</td>
</tr>
<tr>
<td>FFF</td>
<td>GGG</td>
<td>HHH</td>
<td>III</td>
<td>JJJ</td>
</tr>
</table>
<input type="button" onclick="javascript:methodadd('table1');"value="第二种方法导入增加的表格到EXCEL">
<input type="button" onclick="javascript:method2('tableExcel');"value="第二种方法导入到EXCEL">
</body>
</html>
...全文
相关推荐
vuejs 动态添加input框的实例讲解
在本文档中,我们将深入探讨如何在Vue.js中实现动态添加input输入框的实例。Vue.js是一款流行的前端JavaScript框架,以其组件化开发和易于学习的特点而受到开发者喜爱。动态添加inpu
jQuery实现动态添加、删除按钮及input输入框的方法
通过本篇文章,我们将学习如何使用jQuery实现动态添加和删除按钮及input输入框的方法,同时还将涉及到事件响应和页面元素动态操作的相关技巧。
Vue动态控制input的disabled属性的方法
当我们新增一个记录时,dataForm.id 的值为 0,这意味着 input 框的 disabled 属性不会被添加,从而允许用户输入数据。
javascript实现的动态添加表单元素input,button等(appendChild)
这种技术广泛应用于在线表单、数据编辑、自定义配置等场景,极大地提高了Web应用的灵活性和用户体验。
jQuery实现动态添加和删除input框实例代码
本文主要介绍了如何使用jQuery实现动态添加和删除HTML中的input输入框。通过结合HTML、CSS和JavaScript,作者提供了一个具体的实例来展示这一功能。以下是关键知识点的详细说明:


