简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

js添加table行

来源:易贤网   阅读:2561 次  日期:2014-10-09 13:02:51

温馨提示:易贤网小编为您整理了“js添加table行”,方便广大网友查阅!

js添加table行,js动态添加table行 ,js添加行,javascript添加行,动态添加行,动态添加列

<html>

<head>

<script type="text/javascript">

function creat_rowcols(selectValue)

{

var table = document.getElementById("bb");

var rowCount=table.rows.length;

if( rowCount>0)

{

for(var i=0;i<rowCount;i++)

{ var tr=document.getElementsByTagName("TR")[0];

tr.parentNode.removeChild(tr);

}

}

table.border=0;

var row;

for(var i=0;i<10;i++)

{

if(i%6==0){

row=table.insertRow();

}

var cell=row.insertCell(0);

cell.innerHTML="<input type='checkbox' name='cusername' size='15' value=''>小名"+selectValue+i;

}

}

</script>

</head>

<body>

<form action="" method="post">

<div><select name="aa" onchange="creat_rowcols(this.value);">

<option value="选项一">1</option>

<option value="选项二">2</option>

<option value="选项三">3</option>

</select>

</div>

<table border="1" name="aa" id="bb">

</table>

</form>

</body>

</html>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js打印机滚动字
下一篇:判断ip地址是否正确
易贤网手机网站地址:js添加table行
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!