Javascript 将上一行数据添加到动态生成的行

我有一张桌子。更改select变量后，它将生成行。 我想做的是，我在第一行中写入的数据应该复制到生成的行中。 这是我的表和java脚本

<form>
    <table border = "1" id = "engagements">
        <tr>
            <th><input type="checkbox" onclick="checkAll(this)"></th>
            <th>Organization</th>
            <th>Project</th>
            <th>Product</th>
            <th>Activity</th>
        </tr>
        <tr>
            <td><input type="checkbox" onclick="checkAll(this)"></td>
            <td><input type = "text"/></td>
            <td><input type = "text"/></td>
            <td><input type = "text"/></td>
            <td><input type = "text"/></td>
            <!--
            <td><input type = "text"/></td>
            <td><input type = "text"/></td>
            <td><input type = "text"/></td>
            <td><input type = "text"/></td>
            <td><input type = "text"/></td>
            -->
        </tr>
    </table>

    <select name = "mode" id = "mode" onchange="addrow('engagements')">
        <option value="">Add More Rows with Same Data as Above</option>
        <option value="1">1 More</option>
        <option value="2">2 More</option>
        <option value="3">3 More</option>
        <option value="4">4 More</option>
        <option value="5">5 More</option>
     </select>

</form>


<script language="javascript">
    function addrow(tableID)
    {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);
        var colCount = table.rows[0].cells.length;
        var e = document.getElementById("mode");
        var strUser = e.options[e.selectedIndex].value;

        for (var j = 0; j < strUser; j++)
        {
            for (var i = 0; i < colCount; i++)
            {
                var newcell = row.insertCell(i);
                newcell.innerHTML = table.rows[1].cells[i].innerHTML;
            }
            var row = table.insertRow(rowCount);
        }
    }
</script>

组织机构
项目
产品
活动
添加更多数据与上面相同的行
还有一个
还有两个
3个以上
4更多
还有5个
函数addrow（tableID）
{
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
var row=table.insertRow（rowCount）；
var colCount=table.rows[0].cells.length；
var e=document.getElementById（“模式”）；
var strUser=e.options[e.selectedIndex].value；
对于（var j=0；j

用此函数替换您的函数（jQuery解决方案）：

函数addrow（tableID）
{
var table=$（“#”+tableID）；
var val1=$（'#mode'）.val（）；
for（i=0；i

如果您已经在使用jQuery，您可以这样做-

$("#mode").on('change', function () {
    var rows = parseInt(this.value);
    var lastRow;
    for (var i = 0; i < rows; i++) {
        lastRow = $('#engagements tr').last().clone();
        $('#engagements tr').last().after(lastRow);
    }
});

$（“#模式”）.on（'change'，function（）{
var rows=parseInt（this.value）；
var lastRow；
对于（变量i=0；i

演示

--->

试试这个

function addrow(tableID)
{
  var $table = $('#' + tableID);
  var noOfRows = parseInt($('#mode').val());
  var $clonedRow = $table.find('tr:last');
  for(var i = 0; i < 5; i++) {
    $clonedRow.clone().appendTo($table);
  }
}

函数addrow（tableID）
{
var$table=$（“#”+tableID）；
var noOfRows=parseInt（$（'#mode'）.val（）；
var$clonedRow=$table.find（'tr:last'）；
对于（变量i=0；i<5；i++）{
$clonedRow.clone（）.appendTo（$table）；
}
}

你能为这个设置一把小提琴吗？你忘记关闭模式下拉菜单了，我纠正了它。产量没有变化

function addrow(tableID)
{
  var $table = $('#' + tableID);
  var noOfRows = parseInt($('#mode').val());
  var $clonedRow = $table.find('tr:last');
  for(var i = 0; i < 5; i++) {
    $clonedRow.clone().appendTo($table);
  }
}

$('#step_table').append($('#step_table tr:last td:last').html());