如何给表单增加行

Question

<script>
var i=0; //全局变量,防止重复的name
function addRow() 
{
    //插入行
    var newRow=tb.insertRow();
    //插入列.
    cell = newRow.insertCell();
    cell.innerHTML='<input type="text" name="txt' + i + '">';
    cell.id = "td" + i;
}
</script>
<table id="tb" border="1">
</table>
<input type=button onclick="addRow()" value="addRow">
点击提交后新增加的行变为不可编辑状态.
-----------
数据增加后,应该是提交到数据库.
然后,读取数据库的数据,再显示出来.
可以在这一过程设置input 为 disabled

Answer 1

还是不行啊,我用的数据库是ORACLE,我的意思是点击添加按钮在表格后添加一行,并且可以编辑,提交后变为不可编辑的状态,不是将文本框disable,同时数据提交,数据提交这部分没有问题.

Answer 2

<script>
function createTable()
{
var vTable=document.createElement("table");
vTable.cellPadding="0";
vTable.cellSpacing="0";
vTable.border="1";
vTable.color="#000000";
vTable.borderColorDark="#000000";
vTable.borderColorLight="#FFFFFF";
for(kIndex=0;kIndex<5;kIndex++)
{
var vTr=vTable.insertRow(kIndex);
for(iIndex=0;iIndex<5;iIndex++)
{
vTd=vTr.insertCell(iIndex);
vTd.innerHTML="<input type=text style='border:0px solid'>";
}
}
DivID.appendChild(vTable);
}
</script>
<input type=button value="创建表格" onclick="createTable();">
<div id="DivID"></div>