Searchable Dropdown box in twig

Question

My form type is as follows:

public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('Name')
            ->add('Occupation');
    }

My edit.html.twig is as follows:

{% block main %}
    <form action="{{ path('admin_artists_edit', {'id': artist.id}) }}" method="post" {{ form_enctype(artistForm) }}>
        {{ form_errors(artistForm) }}

        {{ form_row(artistForm.name) }}

        {{ form_rest(artistForm) }}
        <input type="submit" />
    </form>
{% endblock %}

Is there any way to make the Occupation field as a searchable drop down list?Any ideas would be aprreciated

You should edit your title to be more global in your thread. — Thomas Rbt, Mar 29 '17 at 12:41
What do you mean by searchable? Do you mean a text field and then as you type it does autocomplete? — Alvin Bunk, May 02 '17 at 15:43
Something similar to the example "Live Search" in this link: https://silviomoreto.github.io/bootstrap-select/examples/ — Developp, May 03 '17 at 07:19

score 0 · Accepted Answer · answered May 10 '17 at 12:59

Issue is resolved :

{{ form_widget(artistForm.occupation, { 'attr': {'class': 'searchabledropdown'} }) }}


        {% block stylesheets %}
            <link href="{{ asset('css/select2.css') }}" type="text/css" rel="stylesheet" />
        {% endblock %}
        {% block javascripts %}
            <script src="{{ asset('js/select2.js') }}"></script>
        {% endblock %}

    <script type="text/javascript">
        $(document).ready(function() {
            $(".searchabledropdown").select2();
        });
    </script>

Searchable Dropdown box in twig

1 Answers1