关于回车增加一行的问题

<table id="vTable">
<tr><td id="td0"><input type=text name="txt0" onkeypress="if(event.keyCode==13){ShowNext(0)}"></td></tr>
</table><script language="javascript">
num=0
function ShowNext(n)
{
var col=vTable.rows.length
curcol=0
for(i=0;i<col;i++)
{
if(vTable.rows[i].cells[0].id=="td"+n)
{
curcol=i+1;
break;
}
}
num++;
var vTr=vTable.insertRow(curcol)
var vTd=vTr.insertCell(0);
vTd.id="td"+num
vTd.innerHTML="<input name=\"txt"+ num +"\" onkeypress=\"if(event.keyCode==13){ShowNext("+ num +")}\">"
document.all("txt"+num).focus()
}
</script>

解决方案 »

  1.   

    <div id="mydiv">
    <input type=text name="txt0" onkeypress="if(event.keyCode==13){add()}">
    </div>
    <script>
    num=0
    function add()
    {
    var src = event.srcElement;
    num++;
    src.insertAdjacentHTML("afterEnd","<br/><input type='text' name='txt"+num+"' onkeypress=\"if(event.keyCode==13){add()}\">");
    document.all("txt"+num).focus();
    }
    </script>
      

  2.   

    <html>
    <head>
    <title>无标题文档</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript">
    var curRow=null;
    function selectRow(){
    var e=window.event;
    var tr1=e.srcElement;
    if(curRow)
    curRow.bgColor="#FFFFFF";
    tr1.bgColor="e7e7e7";
    curRow=tr1;
    }
    function addRow(src){
    //alert(src);
    var newrow = src.insertRow(src.rows.length);
    newrow.attachEvent("onclick",selectRow);
    newrow.height=20;
    var i=4;
    while(i--){
    var newcell = newrow.insertCell();
    newcell.align="center";
    newcell.innerHTML=div1.innerHTML;
    }
    //alert(newrow.outerHTML);
    }
    function txtKeyPress(){
    var e=window.event;
    if(e.keyCode!=13) return;
    else{
    if(e.srcElement.parentElement.cellIndex==3)
    addRow(e.srcElement.parentElement.parentElement.parentElement);
    e.keyCode=9;
    }
    }
    </script>
    </head><body>
    <table id="tb" width="100%"  border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
      <tr>
        <th scope="col" width="25%">一</th>
        <th scope="col" width="25%">二</th>
        <th scope="col" width="25%">三</th>
        <th scope="col" width="25%">四</th>
      </tr>
      <tr id="blankRow">
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
        <td align="center"><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></td>
      </tr>
    </table>
    <div id="div1" style="display:none "><input type="text" style="width:80%" onKeyDown="txtKeyPress()"></div>
    </body>
    </html>