jquery - 复制一个选择元素的内部 html 并将其粘贴到一个新的、动态创建的选择元素中

Question

当页面第一次加载时，我有一个选择元素填充了多个选项嵌套元素。

旁边是一个“添加”按钮，它动态添加一个新的选择元素，旁边有一个按钮“添加”。

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

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。然后在olddiv中点击添加按钮，只需编写以下代码：

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