如何使用javascript在asp.net webform上动态添加文本框

Question

我想通过单击按钮将文本框动态添加到Web窗体。该号码将在文本框中提供。为了更好地理解，图像如下： Dynamic TextBoxes

Answer 1

您需要使用append()方法向DOM动态添加新元素。我创建了一个演示更好地了解这里：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); 
    } 
    }); 
}); 

您要创建文本框或标签