<html>
<title>动态行增加,删除</title>
<script language="javascript">
function onInsertrow(){
var SC = "font-size: 9pt;padding-center: 10pt;background-color: #FAFAFA"; var length=tablefield.rows.length;
var index=length-1; var objRow;
var objCel;
objRow = tablefield.insertRow();
objRow.runtimeStyle.cssText=SC;
objRow.id="row"+index;
var objCel = objRow.insertCell(0);
objCel.innerHTML="<input name='inputarea["+index+"]' type='text' value='' size='10' ></td>"; var str = hiddenarea.rows[0].cells[0].innerHTML;
objCel = objRow.insertCell(1);
var replaceStr = "["+ index + "]";
objCel.innerHTML= str.replace("[0]", replaceStr);
var objCel = objRow.insertCell(2);
objCel.innerHTML="<td><input name='delbutton' type='button' value='删除' onclick='delRow("+index+")'></td></tr></div></td></tr>";
}function delRow(id){
//alert("这个是第"+id+"行");
var strid = "row"+id;
//alert("拼接id="+ strid);
var idobj = document.getElementById(strid);
idobj.removeNode(true);
//------------------------------>这里就开始出错了,如果是动态生成的tr就得不到id
//alert("对象id="+idobj.id); }
</script>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tablefield">
<tr class="fieldName">
<td>输入框</td>
<td>下拉框</td>
<td> </td>
</tr> <tr id=row0>
<td >
<input name="inputarea[0]" type='text' value="" size=10>
</td> <td>
<select name="selectarea[0]">
<option value="01" >item-1</option>
<option value="02" >item-2</option>
<option value="03" >item-3</option>
</select>
</td> <td>
<input name="delbutton" type="button" value="删除" onclick="delRow('0')" >
</td>
</tr>
</table>
<table id='hiddenarea' style="display:none">
<tr>
<td>
<select name="selectarea[0]">
<option value="01" >item-1</option>
<option value="02" >item-2</option>
<option value="03" >item-3</option>
</select>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td><div align="center"><input name="button52" type="button" class="btnLink" value=" 新增 " onClick="onInsertrow();"></div></td>
</tr>
</table></body>
<html>
<title>动态行增加,删除</title>
<script language="javascript">
function onInsertrow(){
var SC = "font-size: 9pt;padding-center: 10pt;background-color: #FAFAFA"; var length=tablefield.rows.length;
var index=length-1; var objRow;
var objCel;
objRow = tablefield.insertRow();
objRow.runtimeStyle.cssText=SC;
objRow.id="row"+index;
var objCel = objRow.insertCell(0);
objCel.innerHTML="<input name='inputarea["+index+"]' type='text' value='' size='10' ></td>"; var str = hiddenarea.rows[0].cells[0].innerHTML;
objCel = objRow.insertCell(1);
var replaceStr = "["+ index + "]";
objCel.innerHTML= str.replace("[0]", replaceStr);
var objCel = objRow.insertCell(2);
objCel.innerHTML="<td><input name='delbutton' type='button' value='删除' onclick='delRow("+index+")'></td></tr></div></td></tr>";
}function delRow(id){
//alert("这个是第"+id+"行");
var strid = "row"+id;
//alert("拼接id="+ strid);
var idobj = document.getElementById(strid);
idobj.removeNode(true);
//------------------------------>这里就开始出错了,如果是动态生成的tr就得不到id
//alert("对象id="+idobj.id); }
</script>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tablefield">
<tr class="fieldName">
<td>输入框</td>
<td>下拉框</td>
<td> </td>
</tr> <tr id=row0>
<td >
<input name="inputarea[0]" type='text' value="" size=10>
</td> <td>
<select name="selectarea[0]">
<option value="01" >item-1</option>
<option value="02" >item-2</option>
<option value="03" >item-3</option>
</select>
</td> <td>
<input name="delbutton" type="button" value="删除" onclick="delRow('0')" >
</td>
</tr>
</table>
<table id='hiddenarea' style="display:none">
<tr>
<td>
<select name="selectarea[0]">
<option value="01" >item-1</option>
<option value="02" >item-2</option>
<option value="03" >item-3</option>
</select>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td><div align="center"><input name="button52" type="button" class="btnLink" value=" 新增 " onClick="onInsertrow();"></div></td>
</tr>
</table></body>
<html>
可以取到的
---------------------
<html>
<title>动态行增加,删除</title>
<script language="javascript">
function onInsertrow(){
var SC = "font-size: 9pt;padding-center: 10pt;background-color: #FAFAFA"; var length=tablefield.rows.length;
var index=length-1; var objRow;
var objCel;
objRow = tablefield.insertRow();
objRow.runtimeStyle.cssText=SC;
objRow.id="row"+index;//-------增加的代码
var objCel = objRow.insertCell(0);
objCel.innerHTML="<input name='inputarea["+index+"]' type='text' value='' size='10' ></td>"; var str = hiddenarea.rows[0].cells[0].innerHTML;
objCel = objRow.insertCell(1);
var replaceStr = "["+ index + "]";
objCel.innerHTML= str.replace("[0]", replaceStr);
var objCel = objRow.insertCell(2);
objCel.innerHTML="<td><input name='delbutton' type='button' value='删除' onclick='delRow("+index+")'></td></tr></div></td></tr>";
}function delRow(id){
alert("这个是第"+id+"行");
var strid = "row"+id;
alert("拼接id="+ strid);
var idobj = document.getElementById(strid);
//idobj.removeNode(true);
//------------------------------>这里就开始出错了,如果是动态生成的tr就得不到id
alert("对象id="+idobj.id); }
</script>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="tablefield">
<tr class="fieldName">
<td>输入框</td>
<td>下拉框</td>
<td> </td>
</tr> <tr id=row0>
<td >
<input name="inputarea[0]" type='text' value="" size=10>
</td> <td>
<select name="selectarea[0]">
<option value="01" >item-1</option>
<option value="02" >item-2</option>
<option value="03" >item-3</option>
</select>
</td> <td>
<input name="delbutton" type="button" value="删除" onclick="delRow('0')" >
</td>
</tr>
</table>
<table id='hiddenarea' style="display:none">
<tr>
<td>
<select name="selectarea[0]">
<option value="01" >item-1</option>
<option value="02" >item-2</option>
<option value="03" >item-3</option>
</select>
</td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td><div align="center"><input name="button52" type="button" class="btnLink" value=" 新增 " onClick="onInsertrow();"></div></td>
</tr>
</table></body>
<html>
//更新表数据
function RefeshTable() {
//删除所有行
var oTable = document.getElementById("SelectedTable");
for(i=oTable.rows.length-1; i>0; i--) {
oTable.deleteRow(i);
}
//重新生成表格行
for(var i = 0; i<G_ConditionCollections.length; i++) {
var objConditionInfo = G_ConditionCollections[i];
CreatTableRow(objConditionInfo, i);
}
G_currentIndex = -1;
}
objCel.innerHTML里面怎么可以包含TR?
这当然不对,objCel是td对象,不能包含TR,对TR指定id当然不对