jQuery clone() 不复制 <select>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/)

如果您在点击添加之前选择了一个选择选项，您会注意到新添加的选择框仍然使用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() 不复制 <select>DOM 属性?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！