- 爱易网页
-
JavaSript
- 请问:js实现了自动添加表格行,每行每列都添加了一个文本域,给文本域赋值的时候,出现了有关问题
日期:2014-05-16 浏览次数:20341 次
请教:js实现了自动添加表格行,每行每列都添加了一个文本域,给文本域赋值的时候,出现了问题
问题是这样的:
一下代码实现了,自动给一个表格添加行和列
function addItem() {
var oRow = detailTable.insertRow();
oRow.align = "center ";
oCell = oRow.insertCell();
oCell.innerHTML = oRow.rowIndex;
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'bianhao ' size= '8 ' > ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'number ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'state ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'bstate ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = " <input type= 'text ' name= 'cols ' size= '8 '> ";
oCell = oRow.insertCell();
oCell.innerHTML = ' <image src= "../images/delete.gif " onclick= "delItem( '+oRow.rowIndex+ ') "/> ';
}
这个功能可以实现,但是我原本是想把form1里面的input text 和select的Value值自动的写到我点击按钮自动生成的表格里的oCell.innerHTML = " <input type= 'text ' name= 'bstate ' size= '8 '> ";里去,我写了一下,第一行可以添加,第二行,就添加不了数据了,我写的添加的函数是这样的
function setValue() {
var length = detailTable.rows.length;
//if (length> 2) {
//document.all.bianhao[length].value =document.form1.textfield.value;
//document.all.number[length].value = document.form1.textfield2.value;
//} else {
document.all.bianhao.value =document.form1.textfield.value;
document.all.number.value = document.form1.textfield2.value;
//}
}
请高手帮我改改!!!谢谢了。在线敌等
------解决方案--------------------
<table id= "detailTable ">
</table>
<script language=javascript>
function addItem() {
var oRow = detailTable.insertRow();
oRow.align = "center ";
oCell = oRow.insertCell();