地图全屏时 select2 不显示

Posted 2023-05-07

【中文标题】地图全屏时 select2 不显示

【英文标题】：select2 is not showing when the map is fullscreen

【发布时间】：2020-01-19 03:44:32

【问题描述】：

嘿，我试图在谷歌地图上显示 select2（它的后端），但当地图全屏时，列表没有显示。我尝试通过更改 z-index 值但不工作。可以有人帮帮我吗？？

    $('document').ready(function() 
    $('#Name').select2(
        placeholder: "Choose name",
        minimumInputLength: 3,
        ajax: 
            url: 'somthing here ...',
            dataType: 'json',
            data: function (params) 
                return 
                    q: $.trim(params.term)
                ;
            ,
            processResults: function (data) 
                // console.log(data);
                return 
                    results: data
                ;
            ,
            cache: true
        
    );
   );

【参考方案1】：

现在您的 select2 div 位于 body 的所有 div 最后一个元素之外。

将 dropdownParent 传递给 google 地图类，以便 select2 div 将在该 div 中。

检查检查元素，然后尝试使用 z-index。

 $('#Name').select2(
        placeholder: "Choose name",
        minimumInputLength: 3,
        dropdownParent: $('.map'),
        ajax: 
            url: 'somthing here ...',
            dataType: 'json',
            data: function (params) 
                return 
                    q: $.trim(params.term)
                ;
            ,
            processResults: function (data) 
                // console.log(data);
                return 
                    results: data
                ;
            ,
            cache: true
        
    );

查看更多信息：common-problems