您现在的位置是:首页 > 电脑技术查询 > web开发

请问:js实现了自动添加表格行,每行每列都添加了一个文本域,给文本域赋值的时候,出现了有关问题

编辑:chaxungu时间:2022-10-02 23:21:56分类:web开发

请教: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();
oCell.innerHTML = oRow.rowIndex;

oCell = oRow.insertCell();