引導選擇二不工作，如何使它工作？

Question

當我運行模型之外的代碼它的工作perfectly.But當我把它的模式裏面，我不能搜索的項目。

<div class="modal-body"> 
      <form class="form-horizontal"> 
       <div class="panel panel-success"> 
        <div class="panel-body"> 

         <div class="row"> 
          <div class="form-group"> 
           <label for="txt_ShapeNote" class="col-sm-3 control-label">Bootstrap Select2 :</label> 
           <div class="col-sm-8"> 
            <select class="form-control" id="select2" style="width: 300px; width: 100px"> 
             <option value="1">Cats</option> 
             <option value="2">Dogs</option> 
             <option value="3">Fish</option> 
             <option value="4">Reptiles</option> 
             <option value="5">Equine</option> 
             <option value="6">Aviary</option> 
             <option value="7">Insects</option> 
            </select> 
           </div> 
          </div> 
         </div> 

---

進出口使用這個腳本和CSS在javascript

<link href="~/Content/Select2/css/select2.css" rel="stylesheet" /> 
<script src="~/Content/Select2/js/select2.js"></script> 

---

$('#select2').select2(); 

Answer 1

如果你有一個腳本創建你的選擇框，你一旦你的模式已經加載運行該腳本。假設這是自舉3：

$('#modal-body').on('shown.bs.modal', function() { 
    $('.form-control').select2(); 
}); 

這是假設你正在運行的引導3.你可以看到更多有關事件顯示在這裏：Bootstrap modal show event