Select2 不允许我滚动查看其余选项

Posted 2023-05-07

【中文标题】Select2 不允许我滚动查看其余选项

【英文标题】：Select2 does not let me scroll to see the rest options

【发布时间】：2019-12-19 23:47:09

【问题描述】：

我有一个 select2 选择框，它从 php 收集数据并将它们转换为 select2 选择框的选项。这里的问题是它不会让我出于某种奇怪的原因向下滚动选项列表。我们有一个前端开发人员，他设计了所有内容并将 select2 选择框插入到模态中。尝试在选择框内滚动时..这就是我得到的：

https://gyazo.com/21ad4aad44eb67c21419d93dba5fbe6b

我尝试使用文档来寻找解决方案，甚至尝试禁用整个正文和 html 的滚动。这些都不起作用。即使正文没有启用滚动，该选项仍然不允许我滚动...

<div class="items">
    <div class="label"><?php _e('Company', 'layback'); ?></div>
    <div class="inputs">
        <select class="select2 task--new-company">
        <option value="0"><?php echo __('Please select...', 'layback'); ?></option>
            <?php
            $aCompanyARGS = array(
            'post_type' => 'company',
            'post_status'=> 'publish',
            'posts_per_page'=> -1,
            );
            $aCompanyQuery = new WP_Query($aCompanyARGS);
            $aCompanyPost = $aCompanyQuery->posts;
            foreach($aCompanyPost as $iCompanyKey => $oCompany)
            
            ?>
            <option value="<?php echo $oCompany->ID; ?>"><?php echo $oCompany->post_title; ?></option>
            <?php
            
            ?>
        </select>
    </div>
</div>

【问题讨论】：

Select2 是我所知道的所有默认值。据我所知，没有任何修改。

你有应用select2的js代码吗？

嗯..我们正在使用cdn所以...是的..但是，它的默认设置应该可以直接使用。我刚刚与前端开发人员开会，他们将对此进行调查。

【参考方案1】：

只需在 select2.css 中将 max-height 指定为您想要的长度。 喜欢

<style>
max-height:200px;
overflow-y:scroll;
</style>