jQuery嵌套克隆循环使用选择框追加

时间:2017-05-09 17:00:03

标签: jquery

我是jQuery的初学者。我不知道嵌套循环。我被困在第一圈。

我有两个问题。

我在下面的截图中解释了我的问题。

   $( document ).ready(function() {

        var current_id = 0;
        $('#btn').click(function(){
            if(current_id < 4)
                nextElement($('#Outer_00'));
        })

        function nextElement(element){
            var newElement = element.clone();
            var id = current_id+1;
            current_id = id;
            if(id <10)id = "0"+id;
            newElement.attr("id",element.attr("id").split("_")[0]+"_"+id);
            var field = $('select', newElement).attr("id");
            $('select', newElement).attr("id", field.split("_")[0]+"_"+id );
            newElement.appendTo($("#elements"));
        }

    });



<div id="elements">
<button id="btn">Add</button>
    <div id="Outer_00" class="boxbg">
    <input type="text" name="" placeholder="text">
    <select id="Field1_00"><option>element1</option><option>Next level</option></select>


    </div>
</div>

screenshot1

screenshot2

0 个答案:

没有答案