Javascript 单击链接将提供额外的文本框/输入字段

我的应用程序的一个页面的当前设计是这样的，一个输入字段“email”在那里，我们可以提供多个用逗号分隔的电子邮件地址。用户可以提供电子邮件ID，点击“更新”按钮将更新数据库

我必须重新设计这样一种方式，现在对于每个电子邮件地址，我必须提供一个单独的输入字段。在现有“电子邮件”输入字段的右侧应有一个链接（如“添加更多”）。单击此链接“添加更多”将在现有“电子邮件”字段下方为您提供一个新的文本框/输入字段。再次单击链接将为您提供一个额外的输入字段，我可以在其中提供电子邮件id。同样，我们最多可以为单独的电子邮件id添加10个输入字段

你能告诉我怎么设计这个吗。以及我们将如何验证10之后不能添加更多的输入字段。

使用

.append

（或任何jQuery实用程序函数）添加新的HTML元素：

<button onclick="add()">Add</button>
<div id="emails">
    <div><input type="text" /><button onclick="del(this)">Delete</button></div>
</div>

var numAdd = 1;
var add = function() {
    if (numAdd >= 10) return;
    $('#emails').append('<div><input type="text" /><button onclick="del(this)">Delete</button></div>');
    numAdd++;
};

var del = function(btn) {
    $(btn).parent().remove();
};

添加
删除
var numAdd=1；
var add=函数（）{
如果（numad>=10）返回；
$（'#emails'）。追加（'Delete'）；
numAdd++；
};
var del=功能（btn）{
$（btn.parent（）.remove（）；
};

---

您为此尝试过什么吗？您可以继续将所有输入字段添加到一个容器中，直到该容器的子容器数达到10为止。您可以使用.children属性来确定每个子项。您还可以使用.createElement（）和.appendChild（）动态添加输入字段。因此，如果有人出错，您可能希望提供一个选项来删除最后一个字段。是的。我还希望在每个文本框的右侧有一个删除按钮图像，它将删除特定的输入字段。我们如何才能做到这一点感谢您的投入。此外，我还希望在每个文本框的右侧有一个删除按钮图像，它将删除特定的输入字段。我们如何使用JS/ajax做到这一点。提前感谢使用

.remove（）

删除更新答案中的元素