jQuery clone() 不会复制

发布于 2024-09-24 18:05:06 字数 610 浏览 2 评论 0原文

考虑以下 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/）

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

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

谢谢！

原文

Consider the following HTML :

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

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

And Javascript :

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

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

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?

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

-黛色若梦 2024-10-01 18:05:06

是的！但你可以采取解决方法。像这样，

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

演示

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');
});