📄 dynamictable.html
字号:
<html>
<script language="javascript">
function addInput(){
grid=document.getElementById("list");
var newRow=grid.insertRow();
newRow.id=grid.rows.length;
if (parseInt(newRow.id) > 2){
var seq = document.getElementsByName("nubmer");
if (seq!=null && seq.length>0){
for (var i = 0 ;i< seq.length;i++){
seq[i].value=i+1;
}
}
}
td=newRow.insertCell();
td.innerHTML="<input type='text' value='"+(newRow.id-1)+"' name='nubmer' size='2' readonly/>";
td=newRow.insertCell();
td.innerHTML="dfsdfsdf";
td=newRow.insertCell();
td.innerHTML="<input type='text' name='userSex'/>";
td=newRow.insertCell();
td.innerHTML="<input type='text' name='userAge'/>";
td=newRow.insertCell();
td.innerHTML="<input type='button' id='"+newRow.id+"' value='删除' onclick='delInput(this.id)'/>";
}
function delInput(id){
if(confirm("确定删除此行吗？")){
grid=document.getElementById("list");
seqs = document.getElementsByName("nubmer");
for(var i = 0; i < grid.rows.length; i++){
if(grid.rows[i].id == id){
grid.deleteRow(i);
for (var iseq = i-1; iseq <seqs.length;iseq++){
seqs[iseq].value = (parseInt(seqs[iseq].value)-1);
}
break;
}
}
}
}
</script>
<body>
<table id="list" width="100%" border="1" bordercolor="#000000">
<CAPTION>
<b>动态表格</b><input type="button" id="addRow" name="addRow" value="新增" onClick="addInput()">
</CAPTION>
<th bgcolor="#CCCCCC">序号</th>
<th bgcolor="#CCCCCC">用户名</th>
<th bgcolor="#CCCCCC">用户性别</th>
<th bgcolor="#CCCCCC">用户年龄</th>
<th bgcolor="#CCCCCC">删除</th>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -