Save multiple instances of one entity with form submit in symfony2

Question

Right now I'm rendering two forms ( one for company and one for it's tags ) and it looks like this:

<h3>Company</h3>
{{ form_start(form) }}
{{ form_row(form.name) }}
{{ form_row(form.city) }}
{{ form_row(form.street) }}
{{ form_row(form.postalcode) }}
{{ form_row(form.buildingnumber) }}
{{ form_row(form.vatid) }}
{{ form_row(form.tags) }} 
 <button id="test">Test</button>
{{ form_row(tags_form.title) }} 
{{ form_row(form.save) }}
{{ form_end(form) }}

I want users to be able to add another input ( after clicking test button ) {{ form_row(form.tags) }} so they can add multiple tags with one form, but right now my tags form looks like this:

    $builder
        ->add('title',null,array(
            'label' => 'tag.title',
            'required' => false
        ));

and I don't really know how to set this up. I tried with the simplest solution:

$('#test').on('click',function(e) {
        e.preventDefault();
        $('#fourcreate_portalbundle_companytags_title').clone().appendTo('form');
});

but that way submitting form creates entity only from the second input.

EDIT: I forgot to add - it has to be done with two forms, because first form contains list of currently available tags and the second form is to let users add their own.

Answer 1

You should not use two forms, but have a collection of tags_form in form.tags . The sample in the Cookbook is about adding tags.

Answer 2

The browser sends a "clobbered" form where two or more name attribute of two or more input elements have the same value. Hence, the back-end gets only the last value. I can not be more specific because I am not familiar with that part of Symfony.

If you wish to clone input elements, and have their values submitted correctly, you must at least modify the name attributes before submitting the form. Also, watch out for non-unique id attributes, as that violates the HTML (DOM?) standard.

eg

var clone = $('input[id="original"]').clone();
clone.attr('name', clone.attr('name') + '1');