java_菜鸟,js表格动态增加行

最新推荐文章于 2021-02-27 19:07:51 发布

lj3449

最新推荐文章于 2021-02-27 19:07:51 发布

阅读量116

点赞数

分类专栏： javascript 文章标签： html

本文链接：https://blog.csdn.net/lj3449/article/details/84242361

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>增加Table行</title>
</head>
<script>
function addRows(loopNum){
if(loopNum == 0 || loopNum == '' || loopNum == undefined ){
return false;
}

try{
var i =0;
while(i < loopNum){
var rows = tbl_looopaddrow.insertRow(); //给该表格增加一格行
var clmn1= rows.insertCell(); //该行增加几列
var clmn2= rows.insertCell();
var clmn3= rows.insertCell();
var clmn4= rows.insertCell();
var clmn5= rows.insertCell();
var clmn6= rows.insertCell();
var clmn7= rows.insertCell(); //该行增加几列
var clmn8= rows.insertCell();
var clmn9= rows.insertCell();
var clmn10= rows.insertCell();
var clmn11= rows.insertCell();
var clmn12= rows.insertCell();
clmn1.innerHTML="<input name=txt_seqno1 type=text id =txt_seqno/>";
clmn2.innerHTML="<input name=txt_seqno2 type=text id =txt_seqno/>";
clmn3.innerHTML="<input name=txt_seqno3 type=text id =txt_seqno/>";
clmn4.innerHTML="<input name=txt_seqno4 type=text id =txt_seqno/>";
clmn5.innerHTML="<input name=txt_seqno5 type=text id =txt_seqno/>";
clmn6.innerHTML="<input name=txt_seqno6 type=text id =txt_seqno/>";
clmn7.innerHTML="<input name=txt_seqno7 type=text id =txt_seqno/>";
clmn8.innerHTML="<input name=txt_seqno8 type=text id =txt_seqno/>";
clmn9.innerHTML="<input name=txt_seqno9 type=text id =txt_seqno/>";
clmn10.innerHTML="<input name=txt_seqno10 type=text id =txt_seqno/>";
clmn11.innerHTML="<input name=txt_seqno11 type=text id =txt_seqno/>";
clmn12.innerHTML="<input name=txt_seqno12 type=text id =txt_seqno/>";
i++;
}

}catch(e){}
}

</script>

<body>
<input type = 'text' name ='txt_payAcctCount' onblur = 'addRows(this.value)';/>
<table border =1 id='tbl_looopaddrow'>
<tr>
<td> <label name='lbl_bt2'>标题1<label/> </td>
<td> <label name='lbl_bt3'>标题2<label/> </td>
<td> <label name='lbl_bt4'>标题3<label/>
<td> <label name='lbl_bt5'>标题4<label/>
<td> <label name='lbl_bt'>标题5<label/>
<td> <label name='lbl_bt1'>标题6<label/>
<td> <label name='lbl_bt2'>标题7<label/> </td>
<td> <label name='lbl_bt3'>标题8<label/> </td>
<td> <label name='lbl_bt4'>标题9<label/>
<td> <label name='lbl_bt5'>标题10<label/>
<td> <label name='lbl_bt'>标题11<label/>
<td> <label name='lbl_bt1'>标题12<label/>
</tr>

</table>

</body>

</html>

lj3449

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java_菜鸟,js表格动态增加行

增加Table行 function addRows(loopNum){ if(loopNum == 0 || loopNum == '' || loopNum == undefined ){ return false; } try{ var i =0; while(i < loo...
复制链接

扫一扫

专栏目录