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/

Answer 2

创建选择所在的div。为div分配一个类。

<div class = "select_class">
<select>
<option>blah</option>
<select>    
<div/>

现在

var my_var = $('.select_class').html();

现在创建一个新div并将my_var赋值给它

$('#new_div').html(my_var);

完成这只是基本概念

Answer 3

将要复制的内容放在ID为olddiv的div中，并创建一个ID为newdiv的新div，并将内容复制到该div中。然后点击olddiv中的添加按钮，只需编写以下代码：

$("#addbutton").click(function()
{
  $("#newdiv").html($("#olddiv").html());
});

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

3 个答案: