在模态中打开引导选择2

Question

我有打开 MODAL 的按钮。此模式的内容来自 LINK（另一个文件 - form_modal.php） - 它是一个动态内容/表单。

在模式中我有 SELECT2 插件不起作用，我不明白为什么。

index.php

    $(document).on("click", ".manage-modal", function(e){
        
        act = $(this).attr("data-act");
        ID = $(this).attr("data-ID");
    
    
        var link = "form_modal.php?act="+act+"&ID=" + ID;
    
        $('.modal-body').load(link,function(){
            $('#manage-modal').modal({show:true});
        });
    
    });
    
 <link href="plugins/custom-select/custom-select.css" rel="stylesheet" type="text/css" />
 <script src="plugins/custom-select/custom-select.min.js" type="text/javascript"></script>

    <script>

    $(document).ready(function() {
        $('.select2').select2({dropdownParent: $('#manage-modal')  });
    });
    </script>
 
 
<a href='#' class='manage-modal' data-toggle="modal" data-target="#manage-modal" data-act="new">OPEN MODAL BUTTON</a>

<div id="manage-modal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            
            <div class="modal-body">

            </div>
            
        </div>
    </div>
</div> 

模态内容（form_modal.php）：

<form>
    <select name="contries" class="form-control select2">
        <option value='FR'>FRANCE</option>
        <option value='SP'>SPAIN</option>
        <option value='USA'>USA</option>
    </select>
</form>

Answer 1

您需要在form_modal.php 中再次初始化select2，原因是据我所知，动态页面没有加载并捕获select2 脚本，因为在加载index.php 时它已经在运行并且在加载页面和脚本时，form_modal.php 不存在。

<form>
    <select name="contries" class="form-control select2 select2-modal">
        <option value='FR'>FRANCE</option>
        <option value='SP'>SPAIN</option>
        <option value='USA'>USA</option>
    </select>
</form>

<script>

    $(document).ready(function() {
        $('.select2-modal').select2();
    });
</script>