如何使用javascript在asp.net网页表单上动态添加文本框

How to add textboxes dynamically on a asp.net webform using javascript

本文关键字：动态 添加 文本 表单 网页 javascript 何使用 asp net      更新时间：2023-09-26

我想在单击按钮时将文本框动态添加到web表单中。该号码将在文本框中提供。为了更好地理解，图片如下：动态文本框

您需要使用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);
    }
  });
});
相关文章：