Jquery克隆，已更改的值在克隆的对象（div）上不持久

需要您对我目前正在使用的Jquery的帮助。我必须克隆一个div，但在克隆div之前，我需要做一些修改，比如Ajax调用，以了解值，然后克隆。在我下面的代码中，我能够克隆，但问题是为什么我的更改不会保留在克隆的div上。我仍然在克隆的div上获得值3

您可以查看下面的代码段

<div id="container">
<select id="ddl">
  <option value="Value1">Value1</option>
  <option value="Value2">Value2</option>
  <option value="Value3" selected>Value3</option>
  <option value="Value4">Value4</option>
</select>

</div>
<div id="clonecontainer">
</div>


$(document).ready(function(){

var div = $('#container');
    var msg = $(div).find('#ddl :selected');
     //ajax call for example change Value4 to Value1
    $(msg).val("Value1");
    alert($(msg).val());
    var tr = $(div).clone(true);
    $(tr).appendTo("#clonecontainer");
});

---

html中的value属性在哪里？它只是警告静态值 将html更改为

<div id="container">
<select id="ddl">
    <option value="Value1">Value1</option>
    <option value="Value2">Value2</option>
    <option value="Value3" selected>Value3</option>
    <option value="Value4">Value4</option>
</select>

</div>
<div id="clonecontainer"></div>

这是你的小提琴

---

您好，在克隆之前，我必须执行一些ajax调用或逻辑。您想在克隆之后更改所选选项是的，我需要更改：您现在可以看看并告诉我您是否找到了答案吗？

$(document).ready(function(){

var div = $('#container select');
var msg = $(div).find('option:selected');

//$(msg).val("Value1");
alert($(msg).val());
var tr = $(div).clone(true, true);
$(tr).appendTo("#clonecontainer");
var msg2 = $('#clonecontainer select');
var values="Value1"
$('#clonecontainer select').val(values);