Javascript 通过ID捕获元素时'；它是用细枝定义的

为了组成一个表单，我用php创建了一些元素。以下是PHP代码片段：

$builder->add('path', FileType::class, array('label' => 'Submit', 'attr' => array('class' => 'style-1 btn_upload_pdf_php js-btn_upload_pdf', 'id' => 'pdf')));


$builder->add('title', TextType::class, array('label' => 'Flyer\'s name', 'attr' => array('class' => 'style-1 name_pdf js-name_pdf', 'placeholder' => 'Nome del volantino')));


$builder->add('expirationData', DateType::class,  array('label' => 'scadenza', 'attr' => array('class' => 'style-1 deadline_pdf js-deadline_pdf', 'placeholder' => 'Nome del volantino', 'id' => 'deadline_pdf')));

我已尝试使用以下语句通过细枝设置路径的ID：

{{ form_widget(form1.path, { 'id': 'pdf'}) }}

但当我试图通过JavaScript获取元素

（$（'#pdf'））

时，它不起作用。元素似乎没有被创建。

---

Thx.

要将id传递给twig表单，您必须这样做：

{{ form_widget(form1.path, {'attr': {'id': 'pdf'}}) }}

---

JavaScript代码是以下代码片段：$（'.btn_upload_pdf'）。单击（函数（e）{$（“#pdf”）.trigger（'click'）；}）；其中类“btn_upload_pdf”是指通过HTML创建的按钮。此外，.click操作会被触发，因为如果我在其中插入警报，它就会工作。