Bootstrap 自动增加和减少多选多引导选择的高度2

gzszwxb4 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(171)

我使用了bootstrap 3和select2的多选，用户可以选择一年中的月份。如果我选择一年中的所有月份，如图所示，选择比输入占用更多的空间。
是否可以自动增加和减少输入高度以匹配选择？
我试着用height: auto在select上添加css内联，但是没有用，甚至指定高度也没有用。

HTML格式

<select class="form-control" id="scheduler_months" multiple style="width: 100%">
    <option selected value='1'><?=_("Janaury")?></option>
    <option value='2'><?=_("February")?></option>
    <option value='3'><?=_("March")?></option>
    <option value='4'><?=_("April")?></option>
    <option value='5'><?=_("May")?></option>
    <option value='6'><?=_("June")?></option>
    <option value='7'><?=_("July")?></option>
    <option value='8'><?=_("August")?></option>
    <option value='9'><?=_("September")?></option>
    <option value='10'><?=_("October")?></option>
    <option value='11'><?=_("November")?></option>
    <option value='12'><?=_("December")?></option>
</select>

更新

由于我没有意识到是select2造成了这个问题，我发现了我的问题here，并简单地使用下面的css来修复我的问题。

.select2-selection--multiple{
    overflow: hidden !important;
    height: auto !important;
}

所以现在我

twitter-bootstrap

来源：https://stackoverflow.com/questions/50522095/auto-increase-and-decrease-height-of-multi-select-multiple-bootstrap-select2

1条答案

按热度按时间

vfhzx4xs1#

我使用的是yii2 php框架，你能检查一下吗如果可以帮助，https://demos.krajee.com/widget-details/select2#google_vignette

<?php
        echo Select2::widget([
            'name' => 'field_name',
            'data' => ['2'=>'February', 
                '3'=>'March', '4'=>'April',  '5'=>'May',  '6'=>'June'],
            'theme' => Select2::THEME_MATERIAL,
            'options' => ['placeholder' => 'Select a state ...', 'autocomplete' => 'off'],
            'pluginOptions' => [
                'allowClear' => true
            ],
        ]);
?>

赞(0）回复(0）举报 2022-12-07

我来回答

Bootstrap 自动增加和减少多选多引导选择的高度2

1条答案

相关问题

热门标签

最新问答