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