select2 in modal
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css">
<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores ex ratione, vero illo voluptatem. Magnam consectetur ratione earum, explicabo pariatur eius incidunt placeat, ipsum! Pariatur amet odio quas earum. Et.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe necessitatibus labore nesciunt! Ipsam sint sapiente, animi. Quas iure veritatis assumenda in at maxime harum, aperiam quam saepe ullam soluta libero!</p>
<p>Officiis consectetur ad nisi, optio inventore mollitia porro, ducimus sit reiciendis quas, accusamus fugit placeat quisquam minima aliquam distinctio quod perferendis consequatur aut dolorum, animi delectus dolores in alias? Temporibus?</p>
<p>Quis minus eum laboriosam, cum cumque, et autem qui quia, eligendi velit, quasi perspiciatis sit eius! Quod recusandae nobis dignissimos, corporis, distinctio voluptatum, temporibus, magni perspiciatis a accusantium illum dolor.</p>
<p>Illo aperiam nulla dolore temporibus dolorem reiciendis! Dolorem quaerat, quae quibusdam rerum tempora mollitia veniam eos voluptatibus....
CSS
#mySelect {
width: 500px;
}
JavaScript
$('.modal-trigger').click(function(evt){
$('#myModal').modal();
});
$('select').select2({
//dropdownParent: $("#myModal")
});