急!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>