Question

我正在尝试使用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函数的开头添加了一个断点，当我调试时它给了我这个警告当前没有命中断点。没有为此文档加载符号我正在努力解决这个问题，但我不确定这可能是问题所在。

Answer 1

尝试更改：

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;

使用jQuery动态地将TextBox添加到网页

1 个答案: