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

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