Question

这是我在第一个动态表单内的第一个元素的代码

<input type="text" class=" form-control" id="pPilihan" style="font-size: 1rem;" name="p_pilihan[]" required placeholder="Masukan Nama Pilihan, contoh: Merah / XL">

坦巴

这是我添加输入元素的代码

<div class="copy d-none">
    <div class="control-group input-group" style="margin-top:10px">
        <input type="text" class="form-control" id="pPilihan" style="font-size: 1rem;" name="p_pilihan[]" required placeholder="Masukan Nama Pilihan, contoh: Merah / XL">
        <div class="input-group-btn"> 
            <button class="btn btn-danger remove" type="button"><i class="glyphicon glyphicon-remove"></i> Hapus</button>
        </div>
    </div>
</div>

这是我的js

$(document).ready(function() {
    $("body").on("click", ".add-more", function(){ 
        var html = $(".copy").html();
        $(".after-add-more").before(html);
    });

    $("body").on("click",".remove",function(){ 
        $(this).parents(".control-group").remove();
    });
});

Answer 1

这个问题对我来说尚不明确，但我可以在您的代码中看到一个错误，您根本不能让两个具有相同ID的元素。每次单击“添加更多”按钮，都会重复输入id =“ pPilihan”的输入元素，这是错误的。您可以通过使用计数器生成动态ID（如果需要）来解决此问题。

如何以动态形式创建动态元素

1 个答案: