Symfony Form Builder:如何将字段动态添加到投票

Symfony Form Builder是Symfony框架中的一个组件，用于构建和处理表单。它提供了一种简单、灵活的方式来定义和处理表单字段。

要将字段动态添加到投票表单中，可以按照以下步骤进行操作：

创建一个投票表单类，可以使用Symfony Form Builder来定义表单字段和验证规则。可以使用createFormBuilder方法来创建表单构建器对象。

use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
use Symfony\Component\Form\Extension\Core\Type\SubmitType;
use Symfony\Component\Form\FormBuilderInterface;

class VoteFormType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('name', TextType::class, [
                'label' => 'Your Name',
            ])
            ->add('choices', ChoiceType::class, [
                'choices' => [
                    'Choice 1' => 'choice1',
                    'Choice 2' => 'choice2',
                ],
                'expanded' => true,
                'multiple' => true,
                'label' => 'Choices',
            ])
            ->add('addChoice', SubmitType::class, [
                'label' => 'Add Choice',
                'attr' => ['class' => 'add-choice-btn'],
            ])
            ->add('submit', SubmitType::class, [
                'label' => 'Submit',
            ]);
    }
}

在控制器中使用该表单类来处理表单的展示和提交。

use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\Routing\Annotation\Route;

class VoteController extends AbstractController
{
    /**
     * @Route("/vote", name="vote")
     */
    public function vote(Request $request)
    {
        $form = $this->createForm(VoteFormType::class);

        $form->handleRequest($request);

        if ($form->isSubmitted() && $form->isValid()) {
            // 处理表单提交逻辑
            // ...
        }

        return $this->render('vote/vote.html.twig', [
            'form' => $form->createView(),
        ]);
    }
}

在模板文件中渲染表单。

{# vote/vote.html.twig #}

{{ form_start(form) }}
{{ form_row(form.name) }}
{{ form_row(form.choices) }}

<div id="additional-choices">
    {# 这里可以通过JavaScript动态添加额外的选择字段 #}
</div>

{{ form_row(form.addChoice) }}
{{ form_row(form.submit) }}
{{ form_end(form) }}

通过上述步骤，可以实现在投票表单中动态添加字段的功能。在JavaScript中，可以通过监听"Add Choice"按钮的点击事件，在additional-choices容器中动态添加新的选择字段。

关于Symfony Form Builder的更多信息和用法，可以参考腾讯云的Symfony Form Builder文档：Symfony Form Builder