| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 889 人关注过本帖
标题:急!javascript 动态生成表格,help!
取消只看楼主 加入收藏
heqingkelly
Rank: 2
等 级:论坛游民
帖 子:27
专家分:80
注 册:2010-9-26
结帖率:100%
收藏
已结贴  问题点数:20 回复次数:1 
急!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
heqingkelly
Rank: 2
等 级:论坛游民
帖 子:27
专家分:80
注 册:2010-9-26
收藏
得分:0 
谢谢两位!
虽然我今天上午几种方法全搞懂了,但还是要谢谢你们!
2010-09-27 14:36
快速回复:急!javascript 动态生成表格,help!
数据加载中...
 
   



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

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