使用 jQuery 将文本框动态添加到网页

Add TextBox dynamically to webpage using jQuery

本文关键字：添加 网页 动态 jQuery 文本 使用      更新时间：2023-09-26

我正在尝试使用jQuery将文本框添加到 ASP.NET MVC中的网页。我有一个按钮，单击该按钮时，我希望将TB添加到给定类的文本框集合的末尾。这是我用于添加文本框的jQuery代码。

$(document).ready(function () {
$("#addTextBox").click(function () {
    var count = $('input:text .approvers').length;
    if (count <= 20) {
        var newTextBox = $(document.createElement('text'));
        newTextBox.appendTo('.approvers:last');
    }
});

}）;

这是我在MVC视图中创建的按钮 

 <input type="button" value="+" id="addTextBox" class="roundButton" />

但是，这不起作用。它在外部 JS 文件中定义。我已经研究并确保在我自己的JS文件之前首先添加jQuery。我错过了什么。

PS：我在jQuery函数的开头添加了一个断点，当我调试断点时，它给了我这个警告，断点当前不会被命中。本文档没有加载任何符号，我正在努力解决这个问题，但不确定这可能是问题所在。

尝试更改：

var newTextBox = $(document.createElement('text'));
newTextBox.appendTo('.approvers:last');

自：

$('.approvers:last').append($("<input type='text' value='value' />"))

更新：
另一个错误是var count = $('input:text .approvers').length;？
将其更改为 ： var count = $('input[type='text'].approvers').length ;

相关文章：