js onDblClick对js生成表赋值

在jsp页码里有2table 
一张为空表 
一张表是放查询数据库记录值 
怎么把放数据库记录值的表的一条记录(也就是一行！双击这一条记录到上面那张空table里面去就自己填上) 
<tr>
       <td width="20%" valign="middle"><%=rs.getString("kfproduct") %></td> 
        <td width="20%" valign="middle"><%=rs.getString("pm")  %></td>
      <td width="20%" valign="middle"><%=rs.getString("gg")  %></td>
</tr>
这是JSP页面从数据库查出来的怎么用onDblClick 事件让值填到上面的那个用JS生成的表<上面表是JS的回车事件写的> JScript codetable width="978"id="testTable" border="1">
    <tr>
        <td width="10%" height="17" valign="middle">补料单号</td>
        <td width="20%" valign="middle">规格</td>
        <td width="22%" valign="middle">原因判定</td>
        <td width="20%" valign="middle">材损</td>
        <td width="20%" valign="middle">品名</td>
        <td width="8%" valign="middle">数量</td>    
    </tr>
    <tr id="testTr0">
        <td width="10%" height="17" valign="middle"><input type="text" id="testInput0" value="" onkeydown="addRow('1')"/></td>
        <td width="20%" valign="middle"><input type="text" id="testInput1" value="" onkeydown="addRow('1')"/></td>
        <td width="22%" valign="middle"><input type="text" id="testInput2" value="" onkeydown="addRow('1')"/></td>
        <td width="20%" valign="middle"><input type="text" id="testInput3" value="" onkeydown="addRow('1')"/></td>
        <td width="20%" valign="middle"><input type="text" id="testInput4" value="" onkeydown="addRow('1')"/></td>
        <td width="8%" valign="middle"><input type="text" id="testInput5" value="" onkeydown="addRow('1')"/></td>
        
    </tr>
</table>
<script>
    var textIndex = 6;
    var rowIndex = 1;
    function addRow(newRowIndex) {
        if (event.keyCode == 13 && newRowIndex == rowIndex) {
            var table = document.getElementById("testTable");
            var tbody = table.tBodies[0];
            var tr = document.createElement("TR");
            tr.id="testTr" + rowIndex;
            rowIndex++;            var td;
            var input;
            for (var i = 0; i < 6; i++) {
                td = document.createElement("TD");
                input = document.createElement("INPUT");
                input.type="text";
                input.id="testInput" + textIndex;
                input.onkeydown = function () {addRow(rowIndex);};
                td.appendChild(input);
                tr.appendChild(td);
                textIndex++;
            }
            tbody.appendChild(tr);
            table.appendChild(tbody);
        }
    }
    
    function getValue() {
        var getRowValueIndex = document.getElementById("getRowValueIndex");
        var startInputIndex = getRowValueIndex.value * 6 - 6;
        var endInputIndex = getRowValueIndex.value * 6;
        if (getRowValueIndex.value != "") {
            var input1 = document.getElementById("testInput" + (getRowValueIndex.value * 6 - 6)).value;
            var input2 = document.getElementById("testInput" + (getRowValueIndex.value * 6 - 5)).value;
            var input3 = document.getElementById("testInput" + (getRowValueIndex.value * 6 - 4)).value;
            var input4 = document.getElementById("testInput" + (getRowValueIndex.value * 6 - 3)).value;
            var input5 = document.getElementById("testInput" + (getRowValueIndex.value * 6 - 2)).value;        
            var input6 = document.getElementById("testInput" + (getRowValueIndex.value * 6 - 1)).value;
                    }
    }
</script>

解决方案 »

  1.   

    <tr ondblclick="abc(this)">
    function abc(obj){
    //do sth. to collect your data//insert row
    myNewRow = document.getElementById("targetTableId").insertRow();
    //do sth.}
      

  2.   

    将 td 中的 onkeydown="addRow('1')" 移到 tr 标签中， 即： <tr ondblclick="abc('1')">
      

  3.   

    <script type="text/javascript">
    var i = 1;
    function insRow()
    {
    var j = 1;
    var obj=document.getElementById('myTable').insertRow();
    obj.insertCell().innerHTML = "<font color=red>第"+i+"行第1列</font>";
    obj.insertCell().innerHTML = "<font color=red>第"+i+"行第2列</font>";
    obj.insertCell().innerHTML = "<font color=red>第"+i+"行第3列</font>";
    i++;
    }
    </script>
    </head><body>
    <table id="myTable" border="1">
    </table>
    <form>
    <input type="button" onclick="insRow();" value="新增一行">
    </form>