Question

我遇到了有关我克隆的对象值的问题。我克隆了div容器并进行了一些修改（从数据库中获取数据以设置值），然后克隆该对象。克隆的对象持有其选定的值而不是更新的值。

以下是示例代码：jsFiddle

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

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

    $(document).ready(function(){
    var div = $('#container');
    var msg = $(div).find('#ddl');
    $(msg).val("Value3").prop('selected', 'selected');
    alert($(div).find('#ddl').val());

    var tr = $(div).clone(true, true);
    alert($(tr).find('#ddl').val());
    $(tr).appendTo("#clonecontainer");

    });

Answer 1

使用class代替id（进一步操作）并将当前value设置为克隆元素 -

$(document).ready(function(){
    var div = $('#container');
    var msg = $(div).find('.ddl');
    $(msg).val("Value3").prop('selected', 'selected');

    var tr = $(div).clone(true, true).find('select').val($(div).find('.ddl').val());
    $(tr).appendTo("#clonecontainer");

});

JQuery Clone：更新的值未反映在克隆的DOM上

1 个答案: