javascript - 选择 2 下拉输入搜索在引导弹出模式中不起作用

Question

$('#selectList').change(function() {
    var opval = $(this).val();
    if(opval=="secondoption"){
        $('#maint').modal("show");
    }
});  

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

<form id='selectList'>

            <select class="selsm-3 inblock-3 select2"  onClick="showSelected(this)">
               <option value="" >Select</option>
                                       
                                        <optgroup label="Secondary Income" class="purpose">
                                            <option value="secondoption">maintenance</option>
                         
            </select>
        </form>

  <!--Modal for Submit button page Start-->
<div id="maint" class="modal fade" role="dialog" aria-labelledby="maintLabel">
  <div class="modal-dialog modal-sm">

    <!-- Modal content-->
    <div class="modal-content">
      
      <div class="modal-header modhead"><h4 class="modal-title" align="center">Application Saved Successfully!</h4></div>
      
      <div class="modal-body" align="center">
                
        Application ID : 1704200001<br><br>
        
        Thank You!!
        
                       
       </div>
       
      
      <div class="modal-footer">
    
        <div align="center" style="margin-right: 100px;">
        <a href="">
        <button type="button" class="btn clear" data-dismiss="modal"  onclick="showhide('postsavedetails','block'), showhide('savetoproceed','none')" align="center">Close</button></a>
        
        </div>
      </div>
   
    </div>

  </div>
</div>
<!--Modal for Submit button page End-->

我正在使用 Bootstrap 弹出模式和其中的 select2 js 下拉菜单，Select 2 在弹出模式外使用时工作正常，但在弹出模式内使用时，如 bwlo 图像所示，下拉菜单正在工作，但搜索输入不起作用。

标签： javascripthtml