自定义表单字段Symfony2中的Javascript

我的表单字段模板如下所示：

{% block test_question_widget %}
    {% spaceless %}
        <div  {{ block('widget_container_attributes') }}>
            {% set type = type|default('hidden') %}
            <input type="{{ type }}" {{ block('widget_attributes') }} value="{{ value }}"/>
            <div class="visible-element"></div>
        </div>
    {% endspaceless %}
{% endblock %}

{%block test\u question\u widget%}
{%spaceless%}
{%set type=type | default（'hidden'）%}
{%endspaceless%}
{%endblock%}

假设我希望我的div.visible-element的行为与我在js文件中定义的一样，即根据页面上的位置更改隐藏输入的值

我需要添加js文件。在哪里做这件事最好

假设我有100个这样的字段。如何只添加一次js

最佳实践是将javascript代码添加到外部.js文件中

使用jQuery，您可以轻松地在所有元素上重复相同的JS代码：

$（'.visible元素'）。每个（函数（）{ //你的JS代码 });

---

我知道。我只需要知道在哪里添加js文件。问题是我希望我的表单小部件独立于base.html.twig文件，并且只添加一次这样的js文件。