Javascript 从数据库中保留新行的数据

我有一个添加新行的按钮。但当我为新行选择时，它是空的。我真的不知道如何像我原来的那一行那样填充它

JavaScript/jQuery代码：

var counter = 0;
var $newRow ; 
$(function(){
    $('#add_field').click(function(){
        counter += 1;
        $('#tache').append('<select id="tache' + counter + '" name="tache[]' + '" type="text"  />');
    });
});

下面是我的原始行如何填写select的示例

<!-- tache  -->
<td>
    <span id="tache">
    <!-- dꣵt section combobox tache avec tool tip -->
    <label title="Selectdimanche">
        <select title="Selectdimanche" id="Selectdimanche" name="Selectdimanche">
        <?php
        $stmt->execute();
        while($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
            echo ' <option title="';
            echo $row['tacName'];
            echo '">';
            echo $row['tacId'];
            echo '</option>'."\n";
            $task = array();
         }
         ?>
         </select>
      </label>
     <!-- Fin section cobobox tache avec tool tip -->
    </span>
</td>

---

那么我如何为我的新行填充数据呢？

您可以从first select复制选项，如下所示：

var counter = 0;
$('#add_field').click(function()
{
  counter += 1;
  var select = $('<select id="tache' + counter + '" name="tache[]" type="text"  />');
  select.append($("#Selectdimanche option").clone());
  $("#tache").append(select);
});

---

示例：

所有选择是否都有相同的选项？是的，我需要在函数append中添加的所有选择都有来自数据库的相同编号和相同的函数感谢您在这里完美地工作如果人们想知道答案