| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 889 人关注过本帖
标题:急!javascript 动态生成表格,help!
只看楼主 加入收藏
heqingkelly
Rank: 2
等 级:论坛游民
帖 子:27
专家分:80
注 册:2010-9-26
结帖率:100%
收藏
已结贴  问题点数:20 回复次数:3 
急!javascript 动态生成表格,help!
问题:两个文本框,分别代表行列,例如输入3,5后点击按钮,下面出现3行5列的表格,表格里放的是文本框,可以输入值的
下面是我写的在firefox行,但在IE里没反应。
帮我看看这代码?
用innerHTML写,我这个有错?

用innerHTML!有错!
<form action="" method="post" id="f">
<input type="text" id="t1">
<input type="text" id="t2">
<input type="button" id="s1" value="提交" onclick="frm()">
</form>
<table id="tb" border="1" cellpadding="1" cellspacing="1"></table>
<script type="text/javascript">
function frm(){
for(var i=0;i<document.getElementById("t1").value;i++){
var a=document.getElementById("tb");
var row=a.innerHTML="<tr>";
for(var j=0;j<document.getElementById("t2").value;j++){
row.innerHTML="<td>fgfsrewr</td>";
}
a.innerHTML="</tr>";
}
}
</script>

下面在firefox行,IE里不行!帮忙看看,谢谢
<form action="" method="post" id="f">
<input type="text" id="t1">
<input type="text" id="t2">
<input type="button" id="s1" value="提交" onclick="frm()">
</form>
<table border="1" cellpadding="1" cellspacing="1" id="tb"></table>

<script type="text/javascript">
function frm(){
for(var i=0;i<document.getElementById("t1").value;i++){
var row=document.createElement("tr");
document.getElementById("tb").appendChild(row);
for(var j=0;j<document.getElementById("t2").value;j++){
var cell=document.createElement("td");
var a =document.createElement("input");
a.type="text";
cell.appendChild(a);
row.appendChild(cell);
}
}
}
</script>
搜索更多相关主题的帖子: help javascript 表格 动态 
2010-09-26 22:36
gulimeksoft
Rank: 4
等 级:业余侠客
威 望:4
帖 子:53
专家分:208
注 册:2010-8-5
收藏
得分:10 
function frm(){
var a=document.getElementById("tb");
for(var i=0;i<document.getElementById("t1").value;i++){
var row=a.insertRow(i);
for(var j=0;j<document.getElementById("t2").value;j++){
var d=row.insertCell(j);
var val=i+"行"+j+"列";
d.innerHTML="<input type='text' value='"+val+"'>";
}
}
}
innerHTML也不能见人就用啊,即使用连接字符串的时候要用innerHTML+=,不能覆盖
2010-09-27 10:53
poyexyp
Rank: 4
等 级:业余侠客
威 望:1
帖 子:27
专家分:205
注 册:2010-6-23
收藏
得分:10 
嵌套生成的时候table应该先嵌套tbody,tbody再嵌套tr和td,ff和ie8在没有tbody的情况下也能显示,ie6,7必须有tbody.
2010-09-27 13:27
heqingkelly
Rank: 2
等 级:论坛游民
帖 子:27
专家分:80
注 册:2010-9-26
收藏
得分:0 
谢谢两位!
虽然我今天上午几种方法全搞懂了,但还是要谢谢你们!
2010-09-27 14:36
快速回复:急!javascript 动态生成表格,help!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.027908 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved