मेरी समस्या यह है कि बटन निम्नलिखित पैनलों के लिए काम करना बंद कर देता है। मुझे लगता है कि यह एक आईडी समस्या है, लेकिन मुझे नहीं पता कि इसे कैसे ठीक किया जाए (मैं जावास्क्रिप्ट के बारे में बहुत कम जानता हूं)

एचटीएमएल:

<div class="card-body">
  <button id="Addpanel">Add panel</button>
</div>

मेरी स्क्रिप्ट:

<script>
    $(function() {
        $('#Addpanel').click(function(){
            var newDiv = $('<div class="panel-default"><br /><div class="form-control"><input type="text" id="fieldnum" name="fieldnum" value="">Fill number<a type="button" id="filldetails" class="btn" onclick="addFields()">Add</a></div><div id="container" class="form-control" />'
            );
            $(".card-body").append(newDiv);
        });
    });
</script>

दूसरा:

<script type='text/javascript'>
    function addFields(){
        var number = document.getElementById("fieldnum").value;
        var container = document.getElementById("container");

        while (container.hasChildNodes()) {
            container.removeChild(container.lastChild);
        }
        for (i=0;i<number;i++){
            var input = document.createElement("input");
            input.type = "text";
            input.name = "input" + (i+1);
            input.className = "form-control";
            container.appendChild(input);
        }
    }
</script>
-1
Kiri 19 सितंबर 2018, 17:06

1 उत्तर

सबसे बढ़िया उत्तर

आपको इस तरह उपयोग करना चाहिए:

$(function () {
    var count = 0;
    $('#Addpanel').click(function () {
        var newDiv = $('<div class="panel-default"><br /><div class="form-control"><input type="text" id="fieldnum' + count + '" name="fieldnum" value="">Fill number<a type="button" id="filldetails' + count + '" class="btn" onclick="addFields()">Add</a></div><div id="container' + count + '" class="form-control" />');
        $(".card-body").append(newDiv);
        count++;
    });
});
0
Lauren Van Sloun 19 सितंबर 2018, 17:54