87,997
社区成员




function add(){
var num=parseInt(document.getElementById("addhidnum").value,10);
num=num+1;
document.getElementById("addhidnum").value=num;
var row =document.createElement("tr");
row.setAttribute("id",num);
var cell1=document.createElement("td");
row.appendChild(cell1);//第一个TD为空
var cell2=document.createElement("td");1
cell2.setAttribute("align","right");
cell2.appendChild(document.createTextNode(num+"号阶级,阶级名:"));
row.appendChild(cell2);//第二个TD显示TEXT标签
var textfield= document.createElement("input");
textfield.setAttribute("type","text");
textfield.setAttribute("name","lvname#"+num);
var cell3=document.createElement("td");
cell3.appendChild(textfield);
row.appendChild(cell3);//第三个标签插入TEXTFIELD控件
var cell4=document.createElement("td");
row.appendChild(cell4);
var cell5=document.createElement("td");
row.appendChild(cell5);
var cell6=document.createElement("td");
row.appendChild(cell6);
document.getElementById("addinnerbody").appendChild(row);
}
function deleteSort(){
var num=parseInt(document.getElementById("addhidnum").value,10);
if(num>1){
var delrow = document.getElementById(num);
var addinnerbody = document.getElementById("addinnerbody");
addinnerbody.removeChild(delrow);
document.getElementById("addhidnum").value=num-1;
}
}
<table border="0" cellspacing="0">
<tr>
<td width="3%"> </td>
<td width="23%"> </td>
<td width="25%"> </td>
<td width="43%"> </td>
<td width="3%"> </td>
<td width="3%"> </td>
</tr>
<tr>
<td> </td>
<td align="right"><br /></td><td><input type="button" name="add" value="添加" onclick="add()"/>或<input type="button" value="删除" name="remove" onclick="deleteSort()"/>一个新阶级</td>
<td></td><td> </td><td> </td>
</tr>
<tr>
<td> </td>
<td align="right">1号阶级,阶级名:</td><td><input type="text" name="lvname#1" /></td>
<td> <br /></td><td> </td><td> </td>
</tr>
<tbody id="addinnerbody"></tbody>
<tr>
<td> </td><td align="right"></td><td><input type="button" name="actadd" value="确定"/><br /></td><td> <input type="hidden" value="1" name="addhidnum" /></td><td> </td><td> </td>
</tr>
</table>