動態表單元素

Question

我需要一個允許用戶動態添加新字段的表單。 在我的例子中，一行包含一個標簽和一個textarea，點擊加號將添加一個帶有label和textarea的新行。

我找到了插件http://plugins.jquery.com/project/dynamicField ，它完全符合我的要求，除了一件事：對於每個添加的行，我需要標簽來包含行號。

有關如何做到這一點的任何提示？

最好的可能是在插件中添加一個事件，比如'AfterAdd'，我可以訂閱並設置標簽或其他東西？

編輯：有沒有人知道一個插件，它做這種“動態形式”的事情，你可以添加，插入和刪除行？

謝謝，L

Answer 1

我不明白你為什么要使用插件。 它只有幾行代碼。 就像是：

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

這里的例子

Answer 2

您可以嘗試使用jquery模板來實現此目的。 一些非常干凈，非常適合動態DOM生成/插入。