如何使用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); 
    } 
    }); 
}); 

您要創建文本框或標籤