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

Question

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

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);
    }
  });
});