jquery - 1つのselect要素の内部htmlをコピーして、動的に作成された新しいselect要素に貼り付けます

Question

ページが最初に読み込まれるとき、複数のオプションのネストされた要素が入力された選択要素があります。

その隣には「追加」ボタンがあり、その横に「追加」ボタンが付いた新しい選択要素を動的に追加します。

最初の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を作成します。次に、olddivの[追加]ボタンをクリックして、次のコードを記述します。

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