动态表单元素

Question

我需要一个允许用户动态添加新字段的表单。在我的例子中，一行包含一个标签和一个textarea，点击加号将添加一个带有label和textarea的新行。

我找到了插件http://plugins.jquery.com/project/dynamicField，它完全符合我的要求，除了一件事：对于每个添加的行，我需要标签来包含行号。

有关如何做到这一点的任何提示？

最好的可能是在插件中添加一个事件，例如'AfterAdd'，我可以订阅并设置标签或其他东西吗？

编辑：有没有人知道一个插件来做这种“动态表单”的事情，你可以添加，插入和删除行吗？

谢谢， →

Answer 1

我不明白你为什么要使用插件。它只有几行代码。类似的东西：

$('#add').click(function() {
    var $container =  $('#container');
    var html ='<label>' 
                + ($container.find('textarea').length + 1) 
                + '</label><textarea></textarea><br />';
    $container.append(html);
});

example here

Answer 2

您可以尝试使用jquery templates来实现此目的。非常干净，非常适合动态DOM生成/插入。