How to fix issue: Select2 does not function properly when I use it inside a Bootstrap modal?

How to fix issue: Select2 does not function properly when I use it inside a Bootstrap modal?

Just find the parent ID of the modal node

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

...

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