Symfony Dynamic Generation for Submitted Forms with Form events - symfony

Question

I'm in Symfony 3.2.4 and I have 3 entities : Country - Province - City. And I want do 3 fields populated dynamically.
I explain, I've 3 fields: Country > Province > City, the user choose a Country, the Province list is updated, he choose a Province, the City list is updated.
But I've a problem, for just one field dynamically updated, it's work, but no for 2 fields... Actually a user can choose a Country, and when he does it, the Province field is updated. But, when he choose a Province, the City field wasn't updated...
Here is my code :
# FormType
...
$builder->addEventSubscriber(new DynamicFieldsSubscriber());
...
# DynamicFieldsSubscriber
class DynamicFieldsSubscriber implements EventSubscriberInterface
{
public static function getSubscribedEvents()
{
return array(
FormEvents::PRE_SET_DATA => 'preSetData',
FormEvents::PRE_SUBMIT => 'preSubmitData'
);
}
public function preSetData(FormEvent $event)
{
$location = $event->getData();
$form = $event->getForm();
$country = "";
$province = "";
$city = "";
if ($location) {
// collect preliminary values for 3 fields.
$country = $location->getEditeur();
$prov
ince = $location->getProvince();
$city = $location->getCity();
}
// Add country field as its static.
$form
->add('country', EntityType::class, array(
'class' => Editeur::class,
'choice_label' => 'country',
'label' => false,
'required' => true,
'placeholder' => 'Éditeur *',
'empty_data' => 'Éditeur *',
'attr' => array(
'class' => 'col-md-12 validate-required',
'placeholder' => 'Éditeur *'
)
))
;
// Now add all child fields.
$this->addProvinceField($form, $country);
$this->addCityField($form, $province);
}
/**
* Handling Form fields before form submits.
* #param FormEvent $event
*/
public function preSubmitData(FormEvent $event)
{
$form = $event->getForm();
$data = $event->getData();
// Here $data will be in array format.
// Add property field if parent entity data is available.
$country = isset($data['country']) ? $data['country'] : $data['country'];
$province = isset($data['province']) ? $data['province'] : null;
$city = isset($data['city']) ? $data['city'] : null;
// Call methods to add child fields.
$this->addProvinceField($form, $country);
$this->addCityField($form, $province);
}
/**
* Method to Add State Field. (first dynamic field.)
* #param FormInterface $form
* #param type $country
*/
private function addProvinceField(FormInterface $form, $country = null)
{
$countryCode = (is_object($country)) ? $country->getId() : $country;
// $countryCode is dynamic here, collected from the event based data flow.
$form
->add('province', EntityType::class, array(
'class' => Province::class,
'choice_label' => 'province',
'label' => false,
'required' => true,
'placeholder' => 'Province *',
'empty_data' => 'Province *',
'attr' => array(
'class' => 'col-md-12 validate-required',
'placeholder' => 'Province *'
),
'query_builder' => function (EntityRepository $er) use($countryCode) {
return $er->createQueryBuilder('p')
->where('p.country = :country')
->setParameter('country', $countryCode);
}
))
;
}
/**
* Method to Add District Field, (second dynamic field)
* #param FormInterface $form
* #param type $state
*/
private function addCityField(FormInterface $form, $province = null)
{
$provinceCode = (is_object($province)) ? $province->getId() : $province;
// $stateCode is dynamic in here collected from event based data flow.
$form->add('city', EntityType::class, array(
'class' => City::class,
'choice_label' => 'city',
'label' => false,
'required' => true,
'placeholder' => 'City *',
'empty_data' => 'City *',
'attr' => array(
'class' => 'col-md-12 validate-required',
'placeholder' => 'City *'
),
'query_builder' => function (EntityRepository $er) use($provinceCode) {
return $er->createQueryBuilder('e')
->where('e.province = :province')
->setParameter('province', $provinceCode);
}
));
}
}
## jQuery
var $country = $('#ec_country');
$country('change', function() {
var $form = $(this).closest('form');
var data = {};
data[$country('name')] = $country();
$.ajax({
url : $form.attr('action'),
type: $form.attr('method'),
data : data,
success: function(html) {
$('#ec_province').replaceWith(
$(html).find('#ec_province')
);
}
});
});
var $province = $('#ec_province');
$(document).on('change', $province, function() {
var $form = $(this).closest('form');
var data = {};
data[$programme.attr('name')] = $('#ec_province').val();
$.ajax({
url : $form.attr('action'),
type: $form.attr('method'),
data : data,
success: function(html) {
$('#ec_city').replaceWith(
$(html).find('#ec_city')
);
}
});
});
Any idea?