zenom
4/24/2010 - 3:10 PM

Jquery

$(document).ready(function() {
        
    $("div.fade").fadeTo(10000, 1).fadeOut("slow");
    
    /* Copy a row, change the input field names and append to table */
    $("a.add-row").click(function(e) {
        e.preventDefault();
        var copy_row = $("table").find("tbody tr").first().clone()
        var existing_rows = parseInt($("table").find("tbody tr").length)

        /* alternating row colors */
        if(existing_rows % 2) {
            $(copy_row).removeClass("odd");
            $(copy_row).addClass("even");
        }
        
        
        $(copy_row).find("input,select").each(function() {
            var name = $(this).attr("name").split("-");
            var new_name = name[0]+ "-" + existing_rows + "-" + name[2];
            //alert(new_name);

            $(this).attr("name", new_name);
            $(this).attr("id", new_name);
            //$(this).val("");
            console.log($(this).attr("name"));
            
            console.log($(this));
        });
        
        
        $(copy_row).find("td a").each(function() {
            $(this).attr("href", "");
        })
        
        $("table tr:last").after(copy_row);
    
    });
    
});
<tbody><tr class="odd"><td> 
            <input class="mini text" id="urls-0-subdomain" name="urls-0-subdomain" type="text" value="" /></td><td> 
            <input class="short text" id="urls-0-domain" name="urls-0-domain" type="text" value="" /></td><td> 
            <input checked="checked" class="short text" id="urls-0-blogroll" name="urls-0-blogroll" type="checkbox" value="y" /></td><td> 
            <select class="short text" id="urls-0-post_filter" name="urls-0-post_filter"><option selected="selected" value="none">No-Filter</option><option value="nolinks">No-Links</option></select></td></tr></tbody> 
UnicodeMultiDict([('name', u'Test Blog'), ('urls-0-subdomain', u''), ('urls-0-domain', u''), ('urls-0-blogroll', u'y'), ('urls-0-post_filter', u'none'), ('some_name', u'Create Blog')])