Dynamic form elements

Question

I need a form that allows users to dynamically add new fields. In my case, one line contains a label and a textarea, and clicking on the plus sign would add a new line with label and textarea.

I found the plugin http://plugins.jquery.com/project/dynamicField , which does exactly what I want, except for one thing: for each added line, I need the label to contain the number of the line.

Any hints on how this could be done?

Best would probably be to add an event in the plugin like 'AfterAdd' that I can subscribe to and set the label or something?

EDIT: does anyone know a plugin that does this kind of 'dynamic form' thing, where you can add, insert and delete rows?

Thanks, L

Answer 1

I don't understand why you'd use a plugin for this. It's only a couple of lines of code. Something like:

$('#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

You can try using jquery templates for that purpose. Something quite clean and great for dynamic DOM generation/insertion.