复制一个select元素的内部html并将其粘贴到一个新的,动态创建的select元素中

Question

当页面首次加载时,我有一个填充了多个选项嵌套元素的select元素.

它旁边是一个"ADD"按钮,它可以动态添加一个新的select元素,旁边有一个"ADD"按钮.

我想知道如何将第一个select元素中的选项元素复制到jQuery的每个后续动态创建的select元素中？

Answer 1

如果我理解你是正确的,你想将选项从一个选项复制到其他选项？如果是这样,这应该工作(未经测试):

(function($) {
    $('a').click(function() {
        var $options = $('.theSelect option').clone();
        $('.otherSelects').append($options);

        $newSelect = $('<select></select>').append($options);

        $('body').append($newSelect);

        return false;
    });
})(jQuery);?

http://jsfiddle.net/PeeHaa/twffL/1/