如何检索动态插入的行的值 [英] How to Retrieve the values of dynamically inserted rows
问题描述
< script>
函数addRow(tableID){
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows [0] .cells.length;
for(var i = 0; i< colCount; i ++){
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows [0] .cells [i] .innerHTML;
//alert(newcell.childNodes);
switch(newcell.childNodes [0] .type){
案例文字":
newcell.childNodes [0] .value =";
休息；
案例复选框":
newcell.childNodes [0] .checked = false;
休息；
案例选择一个":
newcell.childNodes [0] .selectedIndex = 0;
休息；
}
}
}
函数deleteRow(tableID){
尝试{
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i = 0; i< rowCount; i ++){
var row = table.rows [i];
var chkbox = row.cells [0] .childNodes [0];
if(null！= chkbox&&true; == chkbox.checked){
if(rowCount< = 1){
alert(无法删除所有行.");
休息；
}
table.deleteRow(i);
rowCount--;
我-;
}
}
}抓住(e){
警报(e);
}
}
</script>
< table class ="Grid" border ="1" cellpadding ="0" cellspacing ="0" style ="border-bottom:0px;">
< tbody id ="selEmp">
< tr class =标题">
< th< Sel</th>
< th width ="46％">项目名称</th>
< th width ="14％"> NUMBER OF< br>年份</th>
< th width ="14％"> SCOPE OF< br>工作值</th>
< th width ="14％">网站条件< br>值</th> < TOTAL PER< br>项目</th>
< th>< INPUT class ="buttonClass" type ="button" value ="Add" onClick ="addRow(" dataTable)"/>& nbsp;& nbsp;</th>
< th>< INPUT class ="buttonClass" type ="button" value ="Del" onClick ="deleteRow(" dataTable)"/></th>
</tr>
< tbody id ="dataTable">
< tr>
< TD><输入type ="checkbox" name ="chk" width ="2％"/></TD>
< td style =''width:45％;''align ="center">
<选择name ="Check" id ="Check">
< option value ="1"> Java</option>
< option value ="2"> PHP</option>
< option value ="3"> Java脚本</option>
< option value ="4"> PERL</option>
< option value ="5"> ASP</option>
< option value ="6"> ASP .net</option>
< option value ="7"> Java服务器页面</option>
< option value ="8"> EJB</option>
< option value ="9"> FORTRAN</option>
< option value ="10"> COBOL</option>
</select>
</td>
< TD align ="center">< INPUT type ="text" size ="6" name ="no_years" value ="0"/></TD>
< TD align ="center">< INPUT type ="text" size ="6" name ="works_val" value ="0"/></TD>
< TD align ="center">< INPUT type ="text" size ="6" name ="site_cond" value ="0"/></TD>
< TD align ="center">< INPUT type ="text" size ="6" name ="tot_prj" value ="0"/></TD>
</tr>
</tbody>
</tbody>
</table>
<script>
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
//alert(newcell.childNodes);
switch(newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
case "checkbox":
newcell.childNodes[0].checked = false;
break;
case "select-one":
newcell.childNodes[0].selectedIndex = 0;
break;
}
}
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
if(rowCount <= 1) {
alert("Cannot delete all the rows.");
break;
}
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}
</script>
<table class="Grid" border="1" cellpadding="0" cellspacing="0" style="border-bottom:0px;">
<tbody id="selEmp">
<tr class="Caption">
<th>Sel</th>
<th width="46%">PROJECT NAME</th>
<th width="14%">NUMBER OF<br>YEARS</th>
<th width="14%">SCOPE OF<br>WORKS VALUES</th>
<th width="14%">SITE CONDITION<br>VALUES</th> <th >TOTAL PER<br>PROJECT</th>
<th><INPUT class="buttonClass" type="button" value="Add" onClick="addRow(''dataTable'')" /> </th>
<th><INPUT class="buttonClass" type="button" value="Del" onClick="deleteRow(''dataTable'')" /></th>
</tr>
<tbody id="dataTable">
<tr>
<TD><INPUT type="checkbox" name="chk" width="2%"/></TD>
<td style=''width:45%;'' align="center">
<select name="Check" id="Check">
<option value="1">Java</option>
<option value="2">PHP</option>
<option value="3">Java Script</option>
<option value="4">PERL</option>
<option value="5">ASP</option>
<option value="6">ASP .net</option>
<option value="7">Java Server Pages</option>
<option value="8">EJB</option>
<option value="9">FORTRAN</option>
<option value="10">COBOL</option>
</select>
</td>
<TD align="center"><INPUT type="text" size="6" name="no_years" value="0"/></TD>
<TD align="center"><INPUT type="text" size="6" name="works_val" value="0"/></TD>
<TD align="center"><INPUT type="text" size="6" name="site_cond" value="0"/></TD>
<TD align="center"><INPUT type="text" size="6" name="tot_prj" value="0"/></TD>
</tr>
</tbody>
</tbody>
</table>
推荐答案
现在的问题是，如果我添加更多的行，然后循环运行，直到附加的子代数计数我只能得到第一行的值..请问有人可以进行任何修改..高度赞赏..
问候
Now the Issue is if i add the more rows and then run a loop to the till the count of child numbers appended i can only get the value of the first row..kindly can someone make the modification whatsoever required.. That shall be highly appreciated..
Regards
这篇关于如何检索动态插入的行的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
