Javascript 使用选定值克隆选择元素

$（文档）.ready（函数（）{
$（“.cs”）。在（'click'，function（）上{
$（“.newclones”）.append（“”）.append（$（“.toclone.clone”）.clone（））.append（“删除”）；
$（“.rem”）。在（'click'，function（）上{
$（this.prev（）.remove（）；
$（this.remove（）；
});
});
});

克隆select元素不是问题，克隆具有更改值的select元素是问题。（你可以从我的小提琴上看到）

为什么不克隆更改的值，以及如何解决此问题？

根据：

出于性能原因，某些表单元素的动态状态（例如，键入到

textarea

中的用户数据和用户对

select

所做的选择）不会复制到克隆元素中

相反，您只需在克隆元素后自己复制值：

$(document).ready(function() {
  $(".cs").on('click', function() {
    var toClone = $('.toclone .clone');
    var toCloneClone = toClone.clone().val(toClone.val());

    $(".newclones").append("<div class='container'>").append(toCloneClone).append("<button class='rem'>Delete</button>");

    $(".rem").on('click', function() {
      $(this).prev().remove();
      $(this).remove();
    });
  });
});

$（文档）.ready（函数（）{
$（“.cs”）。在（'click'，function（）上{
var-toClone=$（'.toClone.clone'）；
var toCloneClone=toClone.clone（）.val（toClone.val（））；
$（“.newclones”）.append（“”）.append（toCloneClone.append（“删除”）；
$（“.rem”）。在（'click'，function（）上{
$（this.prev（）.remove（）；
$（this.remove（）；
});
});
});

$(document).ready(function() {
  $(".cs").on('click', function() {
    var toClone = $('.toclone .clone');
    var toCloneClone = toClone.clone().val(toClone.val());

    $(".newclones").append("<div class='container'>").append(toCloneClone).append("<button class='rem'>Delete</button>");

    $(".rem").on('click', function() {
      $(this).prev().remove();
      $(this).remove();
    });
  });
});