javascript - 如何使用JavaScript在ASP.NET Web表单上动态添加文本框

我想单击按钮将文本框动态添加到Web表单。该号码将在文本框中提供。为了更好地理解，下面给出了一个图像：
Dynamic TextBoxes

最佳答案

您需要使用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);
    }
  });
});