我是新手想问问下面代码在动态添加行后,假如添加10行。点击删除按钮删第7行,
循环取值的时候只能取到删除行前面6行的值,而删除行后面3行的值就取不了,怎样才能取到删除行后面的值
<SCRIPT >
var rowname = new Array(99);
var rowtype = new Array(99);
var newrow = new Array(99);
var rowsize = new Array(99);for (i = 0; i < 99; i++) {
rowname[i] = '';
rowtype[i] = '';
newrow[i] = '';
rowsize[i] = '25';
}var field_counter_js = 0;
var loaded = 0;
var is_streaming_progress_bar = 0;
var temp_streaming_text = "";var addRowTo = (function() {
return (function (tableId) {
var d, tbody, tr, td, bgc, i, ii, j;
d = document;
tbody = d.getElementById(tableId).getElementsByTagName("tbody").item(0);
tr = d.createElement("tr");
totalrows++;
for (i = 0; i < field_counter_js; i++) {
td = d.createElement("td");
if(rowtype[i] == 'textbox') {
td.innerHTML="<INPUT type='hidden' value='" + totalrows +"' name='" + rowname[i] + "_row-" + totalrows + "' id='" + rowname[i] + "_row-" + totalrows + "'></input><input size='" + rowsize[i] + "' name='" + rowname[i] + totalrows + "' id='" + rowname[i] + totalrows + "'></input> ";
}
tr.appendChild(td);
}
td = d.createElement("td");
td.innerHTML = '<input type="image" src="t/icon_x.gif" onclick="removeRow(this); return false;" value="Delete">';
tr.appendChild(td);
tbody.appendChild(tr);
});
})();function removeRow(el) {
var cel;
while (el && el.nodeName.toLowerCase() != "tr")
el = el.parentNode; if (el && el.parentNode) {
cel = el.getElementsByTagName("td").item(0);
el.parentNode.removeChild(el);
}
}
</SCRIPT>
</head>
<SCRIPT type=text/javascript>
rowname[0] = "address";
rowtype[0] = "textbox";
rowsize[0] = "30"; rowname[1] = "address_subnet";
rowtype[1] = "select";
rowsize[1] = "1"; rowname[2] = "detail";
rowtype[2] = "textbox";
rowsize[2] = "30";
</SCRIPT><body LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table width="580" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
<tr>
<td>
<form id="selectstore3" name="selectstore3" method="post" action="">
</form>
<table width="100%" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#CCCCCC" style="border-collapse:collapse ">
<tr>
<td width="60" valign="top" bgcolor="#eeeeee">款号:</td>
<td width="494"><table id=123>
<tbody>
<tr>
<td><input id=address size=30 type="" value="" name=address ></span></td>
<td></td>
<td><input id=detail size=30 value="" name=detail > </td>
<td><input id=asd name=asd type="image" src="t/icon_plus.gif" onClick="javascript:addRowTo(123); return false;" value="add"></td>
</tr>
</tbody>
</table></td>
</tr><tr>
<td bgcolor="#eeeeee"> </td>
<td><input name="button" type=button onClick="changeAction('icsoft_cuxiao_ceshi2.asp')" value="保存">
<input type="reset" name="Submit" value="重新填写"></td>
</tr>
</table>
<br></td>
</tr>
</table>
<SCRIPT type=text/javascript>
field_counter_js = 3;
rows = 1;
totalrows = 0;
loaded = 18;</SCRIPT>
循环取值的时候只能取到删除行前面6行的值,而删除行后面3行的值就取不了,怎样才能取到删除行后面的值
<SCRIPT >
var rowname = new Array(99);
var rowtype = new Array(99);
var newrow = new Array(99);
var rowsize = new Array(99);for (i = 0; i < 99; i++) {
rowname[i] = '';
rowtype[i] = '';
newrow[i] = '';
rowsize[i] = '25';
}var field_counter_js = 0;
var loaded = 0;
var is_streaming_progress_bar = 0;
var temp_streaming_text = "";var addRowTo = (function() {
return (function (tableId) {
var d, tbody, tr, td, bgc, i, ii, j;
d = document;
tbody = d.getElementById(tableId).getElementsByTagName("tbody").item(0);
tr = d.createElement("tr");
totalrows++;
for (i = 0; i < field_counter_js; i++) {
td = d.createElement("td");
if(rowtype[i] == 'textbox') {
td.innerHTML="<INPUT type='hidden' value='" + totalrows +"' name='" + rowname[i] + "_row-" + totalrows + "' id='" + rowname[i] + "_row-" + totalrows + "'></input><input size='" + rowsize[i] + "' name='" + rowname[i] + totalrows + "' id='" + rowname[i] + totalrows + "'></input> ";
}
tr.appendChild(td);
}
td = d.createElement("td");
td.innerHTML = '<input type="image" src="t/icon_x.gif" onclick="removeRow(this); return false;" value="Delete">';
tr.appendChild(td);
tbody.appendChild(tr);
});
})();function removeRow(el) {
var cel;
while (el && el.nodeName.toLowerCase() != "tr")
el = el.parentNode; if (el && el.parentNode) {
cel = el.getElementsByTagName("td").item(0);
el.parentNode.removeChild(el);
}
}
</SCRIPT>
</head>
<SCRIPT type=text/javascript>
rowname[0] = "address";
rowtype[0] = "textbox";
rowsize[0] = "30"; rowname[1] = "address_subnet";
rowtype[1] = "select";
rowsize[1] = "1"; rowname[2] = "detail";
rowtype[2] = "textbox";
rowsize[2] = "30";
</SCRIPT><body LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table width="580" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
<tr>
<td>
<form id="selectstore3" name="selectstore3" method="post" action="">
</form>
<table width="100%" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#CCCCCC" style="border-collapse:collapse ">
<tr>
<td width="60" valign="top" bgcolor="#eeeeee">款号:</td>
<td width="494"><table id=123>
<tbody>
<tr>
<td><input id=address size=30 type="" value="" name=address ></span></td>
<td></td>
<td><input id=detail size=30 value="" name=detail > </td>
<td><input id=asd name=asd type="image" src="t/icon_plus.gif" onClick="javascript:addRowTo(123); return false;" value="add"></td>
</tr>
</tbody>
</table></td>
</tr><tr>
<td bgcolor="#eeeeee"> </td>
<td><input name="button" type=button onClick="changeAction('icsoft_cuxiao_ceshi2.asp')" value="保存">
<input type="reset" name="Submit" value="重新填写"></td>
</tr>
</table>
<br></td>
</tr>
</table>
<SCRIPT type=text/javascript>
field_counter_js = 3;
rows = 1;
totalrows = 0;
loaded = 18;</SCRIPT>
解决方案 »
- 对象的问题
- 怎么使<input type="hidden">的value发生变化时运行方法
- jquery让checkbox只能选中一个怎么实现
- 隐藏和显示的display属性这样设为什么不行?
- 一个简单的语法错误
- 子窗口关闭时,重新打一个url到对父窗口指定帧
- 100分问:js中嵌套struts<bean:write>时,提示缺少对象
- 请教高手,很急的问题
- 可用分捐赠[2003-1-13=>2003-1-25] Total 5786
- 在一个文本输入条里,click Enter,对文本输入条里的输入进行校验(function已经写好),但是我用什么事件触发它呢?
- 怎么才能找到移动开发高手
- startDownload 在ie8下无效的问题
有没有其他办法能取到后面的值啊