JSP回车判断

现想实现一个功能
有一个表格，每一行有三列，第一行有三个文本框，如下：<input type="text" name="textfield"/>
<input type="text" name="textfield2"/>
<input type="text" name="textfield3"/>然后想通过回车一次，增加一行，并且文本框的内容自动变化，如回车一次后，变化如下：<input type="text" name="textfield4"/>
<input type="text" name="textfield5"/>
<input type="text" name="textfield6"/>再回车一次：<input type="text" name="textfield7"/>
<input type="text" name="textfield8"/>
<input type="text" name="textfield9"/>并且跳转到目标页能够取得文本框的NAME值

解决方案 »

  1.   

    这个全都是javascript
    谁有时间的写下吧
      

  2.   

    我给个思路：
    1.页面上 <body onkeydown="enterkey(event.keyCode||event.which)">2.用js截获回车和空格事件 ，具体键盘事件ID号自己去查
    function enterkey(e)
    {
        if (e==13||e==32)
        {
            aa(); 
        }
    }3. aa()里可以写添加一行的代码
    我建议用<div>做表格比较好控制
      

  3.   

    >_<
    给你个事件
    加一行的自己写吧
    onkeydown="if(event.keyCode==13 ) addLine();"
      

  4.   

    接着楼上写<table id="table1">
        <tr>
        <td><input type="text" name="textfield"/></td>
    <td><input type="text" name="textfield2"/></td>
    <td><input type="text" name="textfield3"/></td>
        </tr>
       </table><script type="text/javascript">
    function addLine()
    {
    var s=document.getElementById('table1').getElementsByTagName('tr');
    var x=document.getElementById('table1').insertRow(s.length-1);

     var a=x.insertCell(0);
     var b=x.insertCell(1);
     var c=x.insertCell(2);

    a.innerHTML="<input type="text" name="textfield"/>";
    b.innerHTML="<input type="text" name="textfield2"/>";
    c.innerHTML="<input type="text" name="textfield3"/>";
    }
    </script>后台获取用String[] textfield = request.getParameterValues("textfield");以上摸黑写的代码,没有测试.大概就是这思路,详细楼主自己体会吧.
      

  5.   

    javascript操作table：
    生成一个TR标签：
    var newRow = document.getElementById('mytable').insertRow();
    给TR设置class属性：
    newRow.setAttribute('className','xxxxxx');
    给TR添加事件：
    newRow.onmouseover = function a(){};
    newRow.onmouseout = function b(){};
    newRow.onclick = function c(){};
    生成一个TD标签：
    var newCell=newRow.insertCell();
    在TD中插入内容：
    newCell.innerHTML='xxxxxxxxxxxxx';
      

  6.   

    把所有的控件隐藏，用javascript实现显示和隐藏就行了。
      

  7.   

    最好用div实现
    table有可能出现页面布局混乱现象