Hinzufügen von Textfeldern dynamisch in einem asp.net-Webformular mithilfe von JavaScript

Question

Ich möchte Textfelder dynamisch zu einem Webformular auf einen Klick hinzufügen. Die Nummer wird in einem Textfeld angezeigt. Zum besseren Verständnis ein Bild ist unten angegeben: Dynamic TextBoxes

Answer 1

Sie müssen append() Methode verwenden, um neue Elemente dynamisch zu DOM hinzufügen. Ich habe eine Demo zum besseren Verständnis hier erstellt: https://jsfiddle.net/p2hr1a1f/

HTML

<input type="text" class="noTxt"> 
<button class="btnCreate"> 
Create 
</button> 

<div class="txtBox-container"> 

</div> 

jQuery

$(document).ready(function(){ 
    $('.btnCreate').on('click', function(){ 
    var txtBox="<input type='text' class='newtxtBox'><br>"; 
    l=$('.noTxt').val(); 
    console.log(l); 
    for(var i=1;i<=l;i++){ 
     $('.txtBox-container').append(txtBox); 
     console.log(txtBox); 
    } 
    }); 
});