select2 in modal cannot search

vickzkater answered on August 20, 2023 Popularity 7/10 Helpfulness 4/10

answer select2 in modal cannot search

select2 in modal cannot search

Comment

Tip Vickzkater 1 GREPCC

To avoid this problem, you may attach the dropdown to the modal itself with the "dropdownParent" setting:

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    ...
    <select id="mySelect2">
        ...
    </select>
    ...
</div>

...

<script>
    $('#mySelect2').select2({
        dropdownParent: $('#myModal')
    });
</script>

xxxxxxxxxx

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">

...

    <select id="mySelect2">

...

    </select>

...

</div>

...

<script>

    $('#mySelect2').select2({

        dropdownParent: $('#myModal')

});

</script>

Popularity 7/10 Helpfulness 4/10 Language html

Source: select2.org

Tags: html search

Link to this answer
Share Copy Link

Contributed on Aug 20 2023

vickzkater

0 Answers Avg Quality 2/10

select2 in modal cannot search

Contents

More Related Answers

select2 in modal cannot search

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.