刚开始学做网站,项目又紧,100分求客户端javascript处理table的例子!问题解决就结贴(再线等)!!!! 第一个太麻烦了……还是说第二个吧:A.innerHTML=table.outerHTML; 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 楼上地说清楚一点啊!这个A是某个table中的一格,这又如何定呢? shang515(天天向上)能说清楚一点吗?A是指某个table中的一行,这又如何确定呢?希望各位方便的话能联系我 qq 50696908 function addrow(){objTable = document.all.item("AutoNumber2"); //AutoNumber2是需要操作的表格名字newRow = objTable.insertRow(1); //插入1行newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个newCell.innerHTML = '<input type="text" name="T1" size="20">';newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个newCell.innerHTML = '<input type="text" name="T1" size="20">';}function deleterow(){objTable = document.all.item("AutoNumber2"); //AutoNumber2是需要操作的表格名字objTable.deleteRow();}上面的是我的第一个问题的函数,现在最关键的问题就剩两个了1.每次插入一行时,插入单元各里的德都是相同的newCell.innerHTML = '<input type="text" name="T1" size="20">';如何区分每个单元个里的元素呢?2.如何用鼠标选中某一行,再删除它? function addta(){ var obj = MenuTa2.insertRow(i) obj.insertCell(0).innerText = i obj.insertCell(1).innerText = "888" obj.insertCell(2).innerHTML = "<input class=input id=co readonly type=text value="+form1.sName.value+">" obj.insertCell(3).innerText = form1.sGG.value obj.insertCell(4).innerText = document.all("sAddr").text i = i+1} 楼上的 obj.insertCell(2).innerHTML = "<input class=input id=co readonly type=text value="+form1.sName.value+">"每行都有一个id=co,这样提交的时候如何区别阿? up learn 同名会生成数组,怎麼操作? for i=1 to request.form("name").count response.write request.form("name")(i)next //ff为表单名,文本框的id用相同的for (i=0;i<ff.elements.length;i++){ if (ff.elements[i].id=="check"&&ff.elements[i].checked==true) { delstr+=ff.elements[i].value+","; 。。 }} 关注随便贴段代码,good luck<html><head><title>测试</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><table width="208" border="1" name="tb1" id="tb1"> <tbody id=th1> <tr> <td align="center" rowspan=3>排名</td> <td align="center" rowspan=3>营业部</td> <td align="center" colspan=6>股票</td> <td align="center" rowspan=2 colspan=2>基金</td> <td align="center" rowspan=2 colspan=2>A股基金合计</td> <td align="center" rowspan=2 colspan=2>股票基金合计</td> <td align="center" colspan=12>债券</td> <td align="center" rowspan=2 colspan=2>合计</td> <td align="center" rowspan=3>营业部</td> </tr> <tr> <td align="center" colspan=2>A股</td> <td align="center" colspan=2>B股</td> <td align="center" colspan=2>小计</td> <td align="center" colspan=2>国债</td> <td align="center" colspan=2>企业债</td> <td align="center" colspan=2>可转债</td> <td align="center" colspan=2>现货小计</td> <td align="center" colspan=2>回购</td> <td align="center" colspan=2>小计</td> </tr> </tbody> <tr> <td align=right nowrap> </td> <td align=center nowrap> 公司合计</td> <td align=right nowrap> 336303.92</td> <td align=right nowrap> 1.81</td> <td align=right nowrap> 9380.50</td> <td align=right nowrap> 1.96</td> <td align=right nowrap> 345684.42</td> <td align=right nowrap> 1.82</td> <td align=right nowrap> 2578.85</td> <td align=right nowrap> 1.01</td> <td align=right nowrap> 338882.77</td> <td align=right nowrap> 1.80</td> <td align=right nowrap> 348263.27</td> <td align=right nowrap> 1.81</td> <td align=right nowrap> 5973.61</td> <td align=right nowrap> 0.52</td> <td align=right nowrap> 14947.81</td> <td align=right nowrap> 1.95</td> <td align=right nowrap> 430.07</td> <td align=right nowrap> 0.57</td> <td align=right nowrap> 21351.49</td> <td align=right nowrap> 1.07</td> <td align=right nowrap> 11170.19</td> <td align=right nowrap> 0.01</td> <td align=right nowrap> 32521.68</td> <td align=right nowrap> 0.04</td> <td align=right nowrap> 380784.95</td> <td align=right nowrap> 0.36</td> <td align=center nowrap> 公司合计</td> </tr></table><br><table name="title1" id="title1" border="1"></table></body></html><script> var datatr = tb1.rows(th1.rows.length); title1.width = tb1.offsetWidth; for(var i=0;i<th1.rows.length;i++){ var mytr = th1.rows(i); var newtr = title1.insertRow(); var rw = 0; for(var j=0;j<mytr.cells.length;j++){ var mytd = newtr.insertCell(); var prtd = th1.rows(i).cells(j); mytd.colSpan = prtd.colSpan; mytd.rowSpan = prtd.rowSpan; mytd.className = prtd.className; mytd.align = prtd.align; mytd.innerText = prtd.innerText; mytd.width = prtd.offsetWidth; } }</script> 还是不行啊,把table中新增加的一行的数据用Requst.getParameter(" ")怎么提交阿,无法确定哪个动态的input的id啊!真的没有人帮我了吗? 我这里的东西你可能解决你的问题看一下吧!http://wdwch618.y365.com/table/tableOrder.htm newCell.innerHTML = '<input type="text" name="T1" size="20">';每新加入的一行都有一个 id=T1; www.51windows.com这里边有一个表格专栏,都是JAVASCRIPT实现的。一定有你要的。 <html><head><meta http-equiv="Content-Language" content="zh-cn"><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>新建网页 2</title></head><body><form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" u-file="file:///C:/Documents and Settings/Administrator/My Documents/My Webs/_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><p> <input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td width="50%"><input type="text" name="T1" size="20"></td> <td width="50%"><input type="text" name="T2" size="20"></td> </tr> <tr> <td width="50%"><input type="text" name="T3" size="20"></td> <td width="50%"><input type="text" name="T4" size="20"></td> </tr></table><p><input type="submit" value="提" name="B1" onclick="alert(document.all.AutoNumber1.rows[1].cells[1].innerText)"><input type="submit" value="提交" name="B2"><input type="submit" value="提交" name="B3"></p></form></body></html>onclick="alert(document.all.AutoNumber1.rows[1].cells[1].innerText)">这句话只能访问table中的text,如何能访问table中的文本框中的值呢? 谢谢hover_onlineemail: [email protected] <script type="text/javascript">function addrow1(){objTable = document.all.item("tc"); //table1是需要操作的表格名字newRow = objTable.insertRow(); //表示从1行前插入newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个newCell.innerHTML = '<input type="text" name="T1" size="20">';newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个newCell.innerHTML = '<input type="button" name="T1" size="20">';}function deleterow(){objTable = document.all.item("tc"); //table1是需要操作的表格名字objTable.deleteRow();}</script><html><head><meta http-equiv="Content-Language" content="zh-cn"><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>新建网页 2</title></head><body><form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" u-file="file:///C:/Documents and Settings/Administrator/My Documents/My Webs/_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><p> <input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="tc"> <tr> <td width="50%" id="id_td1"><input type="text" name="T1" size="20"></td> <td width="50%"><input type="text" name="T2" size="20"></td> </tr> <tr> <td width="50%"><input type="text" name="T3" size="20"></td> <td width="50%"><input type="text" name="T4" size="20"></td> </tr></table><input type="button" value="增加1" name="B2" onclick="addrow1()"></form></body></html>newCell.innerHTML = '<input type="button" name="T1" size="20">';这句话可向一个单元格里添加一个按钮,如何向一个单元格里添加一个table呢?用那种rows[i].cels[j].的语法又怎么写呢?谢谢了 那位有table的资料可以介绍给我呢?不知道到哪去查,郁闷阿 http://lucky.myrice.com/javascriptexam/index.htmlhttp://www.csdn.net/Develop/list_article.asp?author=net_lover&myclassid=80&myclassName=JavaScripthttp://msdn.microsoft.com/workshop/author/tables/buildtables.asp 改进版:<script type="text/javascript">var n;n=0;function addrow1(){n++;objTable = document.all.item("tc"); //table1是需要操作的表格名字newRow = objTable.insertRow(); //表示从1行前插入newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个newCell.innerHTML = '<input type="text" name="A'+n+'" size="20">';newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个newCell.innerHTML = '<input type="text" name="B'+n+'" size="20"><input type="button" value="删行" name="C'+n+'" size="20" onclick="deleterow('+n+');">';}function deleterow(m){alert(m);objTable = document.all.item("tc"); //table1是需要操作的表格名字//deleteRow=objTable.deleteRow();objTable.deleteRow();}</script><body><form method="POST" action="--WEBBOT-SELF--"><input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="tc"> <tr> <td width="50%" id="id_td1"><input type="text" name="T1" size="20"></td> <td width="50%"><input type="text" name="T2" size="20"></td> </tr> <tr> <td width="50%"><input type="text" name="T3" size="20"></td> <td width="50%"><input type="text" name="T4" size="20"></td> </tr></table><input type="button" value="增加1" name="B2" onclick="addrow1()"></form></body></html> 谢谢大家了,还有两个小问题:1.tb1.style.display="none" 和none相对的词是什么呢? 2.如何让一段代码<table id="dd">....</table>不在屏幕上出现表格但可以用aa.innerHTML=dd.outerHTML付给aa表格而显示它 望指教一下jquery的each问题 JavaScript加减运算问题。新手急求帮助 -_-!在线等,结帖出错! 怎么用JS取客户端的DNS? 求一个价格正则表达式 怎么样解码呢 查看拼音首字母缩写程序 code by meixx 梅雪香 我要删除一行,可总是从头开始删除,我要从新增的最底一行开始删除,如何搞?原来的删除代码如下 如何使用正则表达式分析SQL语句? 如何使用javascript中的方法实现vbscript中的isnumeric()的功能? 急:在网页上的鼠标单击事件如何截获? 小问题
这个A是某个table中的一格,这又如何定呢?
A是指某个table中的一行,这又如何确定呢?希望各位方便的话能联系我 qq 50696908
{
objTable = document.all.item("AutoNumber2"); //AutoNumber2是需要操作的表格名字
newRow = objTable.insertRow(1); //插入1行
newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个
newCell.innerHTML = '<input type="text" name="T1" size="20">';
newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个
newCell.innerHTML = '<input type="text" name="T1" size="20">';
}
function deleterow()
{
objTable = document.all.item("AutoNumber2"); //AutoNumber2是需要操作的表格名字
objTable.deleteRow();
}上面的是我的第一个问题的函数,现在最关键的问题就剩两个了
1.每次插入一行时,插入单元各里的德都是相同的
newCell.innerHTML = '<input type="text" name="T1" size="20">';
如何区分每个单元个里的元素呢?
2.如何用鼠标选中某一行,再删除它?
{ var obj = MenuTa2.insertRow(i)
obj.insertCell(0).innerText = i
obj.insertCell(1).innerText = "888"
obj.insertCell(2).innerHTML = "<input class=input id=co readonly type=text value="+form1.sName.value+">"
obj.insertCell(3).innerText = form1.sGG.value
obj.insertCell(4).innerText = document.all("sAddr").text
i = i+1
}
obj.insertCell(2).innerHTML = "<input class=input id=co readonly type=text value="+form1.sName.value+">"
每行都有一个id=co,这样提交的时候如何区别阿?
response.write request.form("name")(i)
next
for (i=0;i<ff.elements.length;i++)
{ if (ff.elements[i].id=="check"&&ff.elements[i].checked==true)
{
delstr+=ff.elements[i].value+",";
。。
}
}
随便贴段代码,good luck<html>
<head>
<title>测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<table width="208" border="1" name="tb1" id="tb1">
<tbody id=th1>
<tr>
<td align="center" rowspan=3>排名</td>
<td align="center" rowspan=3>营业部</td>
<td align="center" colspan=6>股票</td>
<td align="center" rowspan=2 colspan=2>基金</td>
<td align="center" rowspan=2 colspan=2>A股基金合计</td>
<td align="center" rowspan=2 colspan=2>股票基金合计</td>
<td align="center" colspan=12>债券</td>
<td align="center" rowspan=2 colspan=2>合计</td>
<td align="center" rowspan=3>营业部</td>
</tr>
<tr>
<td align="center" colspan=2>A股</td>
<td align="center" colspan=2>B股</td>
<td align="center" colspan=2>小计</td>
<td align="center" colspan=2>国债</td>
<td align="center" colspan=2>企业债</td>
<td align="center" colspan=2>可转债</td>
<td align="center" colspan=2>现货小计</td>
<td align="center" colspan=2>回购</td>
<td align="center" colspan=2>小计</td>
</tr>
</tbody>
<tr>
<td align=right nowrap> </td>
<td align=center nowrap> 公司合计</td>
<td align=right nowrap> 336303.92</td>
<td align=right nowrap> 1.81</td>
<td align=right nowrap> 9380.50</td>
<td align=right nowrap> 1.96</td>
<td align=right nowrap> 345684.42</td>
<td align=right nowrap> 1.82</td>
<td align=right nowrap> 2578.85</td>
<td align=right nowrap> 1.01</td>
<td align=right nowrap> 338882.77</td>
<td align=right nowrap> 1.80</td>
<td align=right nowrap> 348263.27</td>
<td align=right nowrap> 1.81</td>
<td align=right nowrap> 5973.61</td>
<td align=right nowrap> 0.52</td>
<td align=right nowrap> 14947.81</td>
<td align=right nowrap> 1.95</td>
<td align=right nowrap> 430.07</td>
<td align=right nowrap> 0.57</td>
<td align=right nowrap> 21351.49</td>
<td align=right nowrap> 1.07</td>
<td align=right nowrap> 11170.19</td>
<td align=right nowrap> 0.01</td>
<td align=right nowrap> 32521.68</td>
<td align=right nowrap> 0.04</td>
<td align=right nowrap> 380784.95</td>
<td align=right nowrap> 0.36</td>
<td align=center nowrap> 公司合计</td>
</tr>
</table>
<br>
<table name="title1" id="title1" border="1">
</table>
</body>
</html>
<script>
var datatr = tb1.rows(th1.rows.length);
title1.width = tb1.offsetWidth;
for(var i=0;i<th1.rows.length;i++){
var mytr = th1.rows(i);
var newtr = title1.insertRow();
var rw = 0;
for(var j=0;j<mytr.cells.length;j++){
var mytd = newtr.insertCell();
var prtd = th1.rows(i).cells(j);
mytd.colSpan = prtd.colSpan;
mytd.rowSpan = prtd.rowSpan;
mytd.className = prtd.className;
mytd.align = prtd.align;
mytd.innerText = prtd.innerText;
mytd.width = prtd.offsetWidth;
}
}
</script>
把table中新增加的一行的数据用Requst.getParameter(" ")怎么提交阿,无法确定哪个动态的input的id啊!
真的没有人帮我了吗?
http://wdwch618.y365.com/table/tableOrder.htm
每新加入的一行都有一个 id=T1;
这里边有一个表格专栏,都是JAVASCRIPT实现的。一定有你要的。
<meta http-equiv="Content-Language" content="zh-cn">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 2</title>
</head><body><form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" u-file="file:///C:/Documents and Settings/Administrator/My Documents/My Webs/_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><p>
<input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="50%"><input type="text" name="T1" size="20"></td>
<td width="50%"><input type="text" name="T2" size="20"></td>
</tr>
<tr>
<td width="50%"><input type="text" name="T3" size="20"></td>
<td width="50%"><input type="text" name="T4" size="20"></td>
</tr>
</table>
<p><input type="submit" value="提" name="B1" onclick="alert(document.all.AutoNumber1.rows[1].cells[1].innerText)">
<input type="submit" value="提交" name="B2">
<input type="submit" value="提交" name="B3"></p>
</form>
</body>
</html>onclick="alert(document.all.AutoNumber1.rows[1].cells[1].innerText)">
这句话只能访问table中的text,如何能访问table中的文本框中的值呢?
email: [email protected]
<script type="text/javascript">function addrow1()
{
objTable = document.all.item("tc"); //table1是需要操作的表格名字
newRow = objTable.insertRow(); //表示从1行前插入
newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个
newCell.innerHTML = '<input type="text" name="T1" size="20">';
newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个
newCell.innerHTML = '<input type="button" name="T1" size="20">';
}function deleterow()
{
objTable = document.all.item("tc"); //table1是需要操作的表格名字
objTable.deleteRow();
}
</script><html><head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 2</title>
</head>
<body>
<form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" u-file="file:///C:/Documents and Settings/Administrator/My Documents/My Webs/_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><p>
<input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="tc">
<tr>
<td width="50%" id="id_td1"><input type="text" name="T1" size="20"></td>
<td width="50%"><input type="text" name="T2" size="20"></td>
</tr>
<tr>
<td width="50%"><input type="text" name="T3" size="20"></td>
<td width="50%"><input type="text" name="T4" size="20"></td>
</tr>
</table><input type="button" value="增加1" name="B2" onclick="addrow1()"></form>
</body></html>newCell.innerHTML = '<input type="button" name="T1" size="20">';
这句话可向一个单元格里添加一个按钮,如何向一个单元格里添加一个table呢?
用那种rows[i].cels[j].的语法又怎么写呢?
谢谢了
不知道到哪去查,郁闷阿
<script type="text/javascript">
var n;
n=0;
function addrow1()
{
n++;
objTable = document.all.item("tc"); //table1是需要操作的表格名字
newRow = objTable.insertRow(); //表示从1行前插入
newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个
newCell.innerHTML = '<input type="text" name="A'+n+'" size="20">';
newCell = newRow.insertCell(); //插入单元格,可以重复使用插入多个
newCell.innerHTML = '<input type="text" name="B'+n+'" size="20"><input type="button" value="删行" name="C'+n+'" size="20" onclick="deleterow('+n+');">';
}
function deleterow(m)
{
alert(m);
objTable = document.all.item("tc"); //table1是需要操作的表格名字
//deleteRow=objTable.deleteRow();
objTable.deleteRow();
}
</script>
<body>
<form method="POST" action="--WEBBOT-SELF--">
<input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="tc">
<tr>
<td width="50%" id="id_td1"><input type="text" name="T1" size="20"></td>
<td width="50%"><input type="text" name="T2" size="20"></td>
</tr>
<tr>
<td width="50%"><input type="text" name="T3" size="20"></td>
<td width="50%"><input type="text" name="T4" size="20"></td>
</tr>
</table>
<input type="button" value="增加1" name="B2" onclick="addrow1()">
</form>
</body></html>
1.tb1.style.display="none"
和none相对的词是什么呢?
2.如何让一段代码
<table id="dd">
....
</table>
不在屏幕上出现表格
但可以用aa.innerHTML=dd.outerHTML付给aa表格而显示它