Javascript 如何克隆具有值的行

我想根据我填写的最后一行克隆具有相同值的行。这是我的应用程序截图

我的预期结果

这是我的密码：

function addTableRowHasilProduksi() {
row = parseInt($('#tableRowHasilProduksi').val()) + 1;
$('#plusButtonHasilProduksi').remove();
var html = ' \
<tr id="rowTableHasilProduksi_' + row + '"> \
  <td> \
   <select id="typepartid_' + row + '" class="form-control" onchange="myFunction(' + row + ')" name="typepartid_' + row + '"> \
   ' + htmlPartId + ' \
  </td> \
 <td>\
    <select id="hasilproduksi_' + row + '" class="form-control" placeholder="select" onchange="hasilProduksiChage(' + row + ')" name="hasilproduksi_' + row + '"> \
      <option value="-">--Select--</option>\
      <option value="Good">Good</option>\
      <option value="Repair">Repair</option>\
      <option value="Reject">Reject</option>\
    </select> \
  </td> \
  <td><input id="qty_' + row + '" type="text" class="form-control"  onkeydown="return numbersonly(this, event);" onkeyup="javascript:tandaPemisahTitik(this);" name="qty_' + row + '" /> \
  </td> \
   <td><input id="waktu_' + row + '" type="text" class="form-control" name="waktu_' + row + '" onfocusout="waktuOnFocusOut(this)" onfocusin="waktuOnFocusIn(this)"/></td> \
  <td id="tdTypeReject_' + row + '"> \
    <select id="typereject_' + row + '" class="form-control" name="typereject_' + row + '"> \
    ' + htmlTypeReject + ' \
    </select> \
  </td> \
  <td><input id="keteranganreject_' + row + '" type="text" class="form-control" name="keteranganreject_' + row + '"/></td> \
  <td><button type="button" class="btn btn-sm btn-default" onclick="deleteRowHasilProduksi(' + row + ')">x</button></td> \
</tr> \
<tr id="plusButtonHasilProduksi"> \
  <td colspan="7"><button type="button" class="btn btn-sm btn-default" style="width:100%" onclick="addTableRowHasilProduksi()">+</button></td> \
</tr>';
$('#tableHasilProduksi > tbody').append(html);
//variable row table add +1
$('#tableRowHasilProduksi').val(row);
$('#plusButtonHasilProduksi').attr('onclick', 'addTableRowDowntime()');}

函数addTableRowHasilProduksi（）{
行=parseInt（$（'#tableRowHasilProduksi'）.val（））+1；
$（'plusButtonHasilProduksi'）.remove（）；
var html='1〕\
\
\
\
“+htmlPartId+”\
\
\
\
--挑选--\
好\
修理\
拒绝\
\
\
\
\
\
\
\
“+htmlTypeReject+”\
\
\
\
x\
\
\
+ \
';
$（'tableHasilProduksi>tbody'）.append（html）；
//可变行表add+1
$（'#tableRowHasilProduksi'）.val（世界其他地区）；
$（'plusButtonHasilProduksi'）.attr（'onclick'，'addTableRowDowntime（）'）；}

---

任何帮助都将不胜感激。

好的，所以我提取了一些东西，使之更简单一些。首先，假设第一行始终可见，则不需要将模板存储在js中。只需使用dom获取模板

你所需要做的就是得到你想要复制的那一行

var lastTableRow =  $("#tableRowHasilProduksiBody tr:nth-last-child(2)" )

获取该选择的值

var selectedValue = $( lastTableRow ).find('.typepartid').val();

克隆行

var newRow = lastTableRow.clone();

数一数行

var rowCount = $('.rowTableHasilProduksi').length;

执行属性操作并将其添加回dom

  $( newRow ).find('.typepartid').val(selectedValue);
  // Set to blank and Add Ids,.. Etc here
  $( newRow ).find('.hasilproduksi').val('-').attr('name','DataName' + rowCount );

---

就这么简单。希望这能有所帮助。

好的，我提取了一些东西，使这更简单一些。首先，假设第一行始终可见，则不需要将模板存储在js中。只需使用dom获取模板

你所需要做的就是得到你想要复制的那一行

var lastTableRow =  $("#tableRowHasilProduksiBody tr:nth-last-child(2)" )

获取该选择的值

var selectedValue = $( lastTableRow ).find('.typepartid').val();

克隆行

var newRow = lastTableRow.clone();

数一数行

var rowCount = $('.rowTableHasilProduksi').length;

执行属性操作并将其添加回dom

  $( newRow ).find('.typepartid').val(selectedValue);
  // Set to blank and Add Ids,.. Etc here
  $( newRow ).find('.hasilproduksi').val('-').attr('name','DataName' + rowCount );

---

就这么简单。希望这能有所帮助。

这两个URL都不是公开的available@TyBourque谢谢，我已经更新了我的问题，让我们再次检查。请帮助我这两个网址都不是公开的available@TyBourque谢谢，我已经更新了我的问题，让我们再次检查。请帮帮我对不起，我的代码不起作用，因为我的代码不同。我使用combobox和函数来调用typepartid。检查我的代码如果您需要在组合框更改时运行代码，只需使用jquery onChange事件侦听器绑定到该函数。您可以按照我的代码编写代码，如下所示。因为我还是不明白，请原谅，我的代码不起作用，因为我的代码不同。我使用combobox和函数来调用typepartid。检查我的代码如果您需要在组合框更改时运行代码，只需使用jquery onChange事件侦听器绑定到该函数。您可以按照我的代码编写代码，如下所示。因为我还是不明白