jQuery clone()不会复制& lt; select& gt;DOM属性? [英] jQuery clone() doesn't copy <select> DOM properties?

问题描述

考虑以下HTML:

<a id="add" herf="#">add</a>

<div class="list">
    <select>
        <option>1</option>
        <option>2</option>
    </select>
</div>

和Javascript:

And Javascript :

$('#add').click(function() {
    var copy = $('.list').last().clone();
    copy.appendTo('body');
});

(或: http://jsfiddle.net/5A5pN/)

如果在单击 Add 之前选择选择选项，则会注意到新添加的选择框仍将1用作其原始值，而不是2.

If you choose a select option before clicking Add, you'll notice the newly added select box still uses 1 as its original value, not 2.

有什么方法可以克服这个问题?

Any ways to overcome this?

谢谢！

推荐答案

是的！但您可以采取解决方法.像这样

YES! but you can do a workaround. like this,

$('#add').click(function() {
    var orig = $('select',$('.list').last());
    var copy = $('.list').last().clone();
    $('select',copy).val(orig.val());
    copy.appendTo('body');
});

这篇关于jQuery clone()不会复制& lt; select& gt;DOM属性?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！