jQuery clone()不复制<select> DOM属性？

Question

请考虑以下HTML:

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

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

和Javascript:

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

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

如果在单击之前选择了一个选择选项 Add,您会注意到新添加的选择框仍然使用1作为其原始值,而不是2.

有什么方法可以解决这个问

谢谢!

Answer 1

是!但你可以做一个解决方法.像这样,

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

演示