国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

javascript實現動態增加刪除表格行(兼容IE/FF)

2024-09-06 12:42:46
字體：大 中 小
來源：轉載
供稿：網友
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>動態增刪表格行</title>
<script language="JavaScript">
<!--
//author: Robin
//email: griefforyou@gmail.com

var rowIndex=0;
function addLine(obj){
var objSourceRow=obj.parentNode.parentNode;
var objTable=obj.parentNode.parentNode.parentNode.parentNode;
if(obj.value=='增加'){
rowIndex++;
var objRow=objTable.insertRow(rowIndex);
var objCell;

objCell=objRow.insertCell(0);
objCell.innerHTML=" "; 

objCell=objRow.insertCell(1);
objCell.innerHTML=objSourceRow.cells[1].innerHTML;

objCell=objRow.insertCell(2);
objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'刪除');
}
else{
objTable.lastChild.removeChild(objSourceRow);
rowIndex--;
} 
}

function removeLine(){

}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<form name="form1" method="post">
<table width="400" border="0">
<tr>
<td>基本信息</td>
<td><select name="select">
<option value="" selected>選擇</option>
<option value="1">第一</option>
<option value="2">第二</option>
</select></td>
<td><input name="basicinfo" type="text" id="basicinfo">
<input name="add" type="button" id="add" value="增加" onClick="addLine(this)"></td>
</tr>
<tr>
<td>其它信息</td>
<td> </td>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 康马县| 兴仁县| 宜良县| 周至县| 平利县| 荔波县| 邵武市| 曲靖市| 秀山| 津南区| 泗阳县| 郧西县| 荆门市| 浦江县| 沾化县| 阿鲁科尔沁旗| 斗六市| 惠水县| 扎赉特旗| 额济纳旗| 咸宁市| 凭祥市| 临西县| 资兴市| 手机| 和龙市| 嵊州市| 错那县| 兴业县| 林芝县| 沙雅县| 双流县| 黑水县| 托克托县| 西乌珠穆沁旗| 定结县| 同德县| 云霄县| 桦甸市| 澄迈县| 云霄县|